title: GoogleMap error cause by markercluster
body: <p>Hi guys I'm having some problem that i don't understand why , i have tried google the error i got but it doesn't help. it seems like my <code>markercluster</code> is causing the problem but i did try in other application it works perfectly fine. i have tried delete </p>
  
  <pre><code>var markerCluster = new MarkerClusterer(map, markers);
  </code></pre>
  
  <p>but i got another error which is </p>
  
  <blockquote>
    <p>Uncaught TypeError: Cannot read property '__e3_' of
    undefined</p>
  </blockquote>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCWDPCiH080dNCTYC-uprmLOn2mt2BMSUk&amp;sensor=true"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="findout.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><strong>findout.js</strong></p>
  
  <pre><code>var markers = [];
  var places =Array();
  function createTooltip(marker, key) {
      //create a tooltip 
      var tooltipOptions={
          marker:marker,
          content:places[key].tooltip_html,
          cssClass:'tooltip' // name of a css class to apply to tooltip
      };
      var tooltip = new Tooltip(tooltipOptions);
  }
  function refresh(){
  setInterval(function(){
          loadMarker();
  },5000);
  };
      function initialize() {
                  var initialLocation;
          var northpole = new google.maps.LatLng(90, 105);
          var KL = new google.maps.LatLng(3.1597,101.7000);
          var browserSupportFlag =  new Boolean();
                  var map;
                  var marker;
                  var mapOptions;
                  var mapDiv = document.getElementById("map_canvas");
          if(places.length){
           mapOptions = {
            center: new google.maps.LatLng(3.1597,101.7000),
            maxZoom:21,
            zoom: 17,
            disableDefaultUI: true,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            mapTypeControl: true,
  
              mapTypeControlOptions: {
          style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
          position: google.maps.ControlPosition.TOP_LEFT
                }
          };
  
   map = new google.maps.Map(mapDiv,mapOptions );
  
                  for (var key in places){
                 (function(myPlace){
                      if (myPlace) {
                                      if(myPlace.icon_html !== ''){
                          var icon = {
                              url:myPlace.icon_html,
                              origin:new google.maps.Point(0,0),
                              anchor:new google.maps.Point(8,41)
                          };
                          var shadow={
                              url:"image/shadow.png",
                              origin: new google.maps.Point(0,0),
                              anchor:new google.maps.Point(8,41)
                          };
                                      }else{
                                          var icon = {
                              url:"image/default.png",
                              origin:new google.maps.Point(0,0),
                              anchor:new google.maps.Point(8,41)
                          };
                                          var shadow={
                              url:"image/shadow.png",
                              origin: new google.maps.Point(0,0),
                              anchor:new google.maps.Point(8,41)
                          }; 
                                      }
                          var marker = new google.maps.Marker({
                              map: map,
                              shadow:shadow,
                              url:myPlace.URL_html,
                              icon:icon,
                              position: new google.maps.LatLng(myPlace.position.lat, myPlace.position.lng)
                          });
                          markers.push(marker);
  
                          createTooltip(marker, key); 
                          google.maps.event.addListener(marker, 'click', function() {
                              marker.setAnimation(google.maps.Animation.BOUNCE);
                              setTimeout(function() {marker.setAnimation(null);}, 2000);
                                  openNewBackgroundTab(marker.url);
                          }); 
                          function openNewBackgroundTab(url){
                              var a = document.createElement("a");
                              a.href = url;
                              var evt = document.createEvent("MouseEvents");
                              //the tenth parameter of initMouseEvent sets ctrl key
                              evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0,
                                                          true, false, false, false, 0, null);
                              a.dispatchEvent(evt);
                          }
                      }
  
                  })(places[key]);   
          }
      }
          var markerCluster = new MarkerClusterer(map, markers);
                       // Try W3C Geolocation (Preferred)
                        if(navigator.geolocation) {
                          browserSupportFlag = true;
                          navigator.geolocation.getCurrentPosition(function(position) {
                            initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
  
                            var marker = new google.maps.Marker({
                                position:initialLocation,
                                                    icon:'image/user.png',
                                                    title:'You are here !'
  
                            });
                            $('#findout').on('shown', function (e) {
  
                                  google.maps.event.trigger(map, 'resize');
                                  marker.setMap(map);
                                  map.setCenter(initialLocation);
  
                              });
  
                          }, function() {
                            handleNoGeolocation(browserSupportFlag);
                          });
  
                        }
                        // Browser doesn't support Geolocation
                        else {
                          browserSupportFlag = false;
                          handleNoGeolocation(browserSupportFlag);
                        }
  
                        function handleNoGeolocation(errorFlag) {
                          if (errorFlag === true) {
                            alert("Geolocation service failed.");
                            initialLocation = KL;
                          } else {
                            alert("Stop using IE");
                            initialLocation = northpole;
                          }
                          map.setCenter(initialLocation);
                        }
  
  }
  google.maps.event.addDomListener(window, "load", initialize);
  
  
  function loadMarker(){
  var page = new Date().getTime();
  $.ajax({
      url:"js/datatesting.xml",
      dataType: 'xml',
          cache: false,
          data: {page: page},
      success: onLoadMarker        
  });
  console.log("loadMarker is running" )
  };
  function onLoadMarker(data){
  
  $(data).find("merchantMarker").each(function(){
  places.push({
      URL_html:""+$(this).find('merchantProfileUrl').text()+"",//mapshop profile url
      tooltip_html:
                "&lt;div id='tooltips'&gt;\n\
                      &lt;div class='cover' style='background-image:url(image/default.jpg);'&gt;\n\
                          &lt;table style='margin-left:20px;'&gt;\n\
                              &lt;tr&gt;\n\
                                  &lt;td&gt;&lt;img class='photo img-circle' src='"+$(this).find('merchantProfilPicture').text()+"'&gt;\n\
                                  &lt;/td&gt;\n\
                              &lt;/tr&gt;\n\
                              &lt;tr&gt;\n\
                                  &lt;th class='text-center'&gt;&lt;p&gt;\n\
                                          "+$(this).find('merchantName').text()+"\n\
                                  &lt;/p&gt;&lt;/th&gt;\n\
                              &lt;/tr&gt;\n\
                          &lt;/table&gt;\n\
                      &lt;/div&gt;\n\
                  &lt;div class='status'&gt;\n\
          &lt;p&gt;"+$(this).find('merchantAboutUs').text()+"&lt;/p&gt;\n\
                  &lt;/div&gt;\n\
              &lt;/div&gt;",
  
  icon_html:''+$(this).find('merchantMapMarker').text()+'', //mapshop marker 
  position:{lat:$(this).find('merchantLat').text(), lng:$(this).find('merchantLon').text()} // shop lat and lon
  });
  });
  console.log('onLoadMarker is running')
  };
  
  $(document).ready(function(){
  $('#findout').click(function(){
          $('#suggestion').hide();
          $('#function_stream').hide();
          $('#function_me').hide();
          $('#function_findout').show();
  
  });
  loadMarker();
  refresh();
  });
  </code></pre>
  
  <p>and I get this error(without delete the <code>markercluster</code>)
  <img src="https://i.stack.imgur.com/yCuw5.png" alt="enter image description here"></p>
  
  <p>sorry guys i have no choice but asking this question on StackOverFlow.</p>