谷歌地图V3标记管理器

我想让标记管理器在谷歌地图V3上工作。我试图复制教程页面here上显示的内容，但似乎无法使其工作。这是我使用至今代码：谷歌地图V3标记管理器

function gmapInit() 
    { 
     drawMap(); 
    } 

    function drawMap() 
    { 
     var center = new google.maps.LatLng(..., ...); 
     var mapOptions = { 
      center: center, 
      scrollwheel: false, 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
      disableDefaultUI: true, 
      zoomControl: true, 
      streetViewControl: true 
     }; 
     var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 


     var mgr = new MarkerManager(map);. 
     google.maps.event.addListener(mgr, 'loaded', function() 
     { 
      createMarkers(map, mgr); 
     }); 

     map.setCenter(center); 
    } 

    function createMarkers(map, mgr) 
    { 
     var bounds = new google.maps.LatLngBounds(); 

    <c:forEach var="place" items="${places}"> 
     var point = new google.maps.LatLng(..., ...);  
     bounds.extend(point);  

     var image = new google.maps.MarkerImage("...",    
       new google.maps.Size(25, 25), 
       new google.maps.Point(0, 0), 
       new google.maps.Point(0, 25), 
       new google.maps.Size(25, 25)); 

     var marker = new google.maps.Marker({ 
      position: point, 
      map: map, 
      icon: image 
     }); 

     google.maps.event.addListener(marker, 'click', function() 
     { 
      ... 
     });   

     mgr.addMarker(marker, 20); 

    </c:forEach> 
     map.fitBounds(bounds); 
     mgr.refresh(); 
     var listener = google.maps.event.addListener(map, "idle", function() 
     { 
      if (map.getZoom() > 16) 
      { 
       map.setZoom(16); 
      } 
     }); 
    }

然而，图标仍然继续得到显示，无论我提出什么样的价值我放大它，什么缩放级别另外，我不断收到以下错误：

grid is undefined

对此有何见解表示赞赏:)

我使用的MarkerManager文件可以发现here

来源

2011-05-30 npinti

这是实际的代码吗？我看到一个小错误“var mgr = new MarkerManager（map）;.”如果你能提供一个jsfiddle例子，我们可以更容易地检查这个案例 – 2011-05-31 06:55:52

这似乎已经解决问题：

var listener = google.maps.event.addListener(map, "idle", function() 
     { 
      if (map.getZoom() > 16) 
      { 
       map.setZoom(16); 
      } 
      mgr.refresh(); 
     });

问题是地图没有指定缩放级别。

来源

2011-05-31 06:56:41 npinti

var marker = new google.maps.Marker({ 
     position: point, 
     map: map, 
     icon: image 
    }); 

    google.maps.event.addListener(marker, 'click', function() 
    { 
     ... 
    });   

    mgr.addMarker(marker, 20); 

    you should not assign map to marker while you are adding it to MarkerManager. 

    var marker = new google.maps.Marker({ 
     position: point, 
     **// map: map,** 
     icon: image 
    }); 

    google.maps.event.addListener(marker, 'click', function() 
    { 
     ... 
    });   

    mgr.addMarker(marker, 20);

来源

2011-12-10 08:55:23 user411594

谷歌地图V3标记管理器

回答

相关问题