javascript - 谷歌地图spiderfy功能——同一点有多个标记

Question

我正在尝试使用此处找到的 Google Maps API v3 的重叠标记 Spiderfier。 (我的问题位于该文本/代码块的底部)

https://github.com/jawj/OverlappingMarkerSpiderfier/blob/master/README.textile

我尝试实现它的页面与他们在源代码页面上使用的代码有点不同。他们初始化页面并在初始化函数中实现所有函数调用。我的页面初始化 map 并加载一个点，然后使用单独的函数(通过地理编码)添加其他点。

所以，基本上此时 map 已经初始化，现在我调用我的数据库来获取要添加的新位置。

var cityArray= <?php echo json_encode($cityArray); ?>; //get the city
var title = <?php echo json_encode($title); ?>; //and the title to go on it's infowindow

  function plotMarkers(){ 
        for(var i = 0; i < <?php echo json_encode($length); ?>; i++){
            codeAddresses(cityArray[i],title[i]); //geocode the address
        }
  }

所以，上面的这段代码给了我两个数组；一张带有位置，一张带有要进入信息窗口的标题。

现在这是 codeAddresses 函数，用于对地址进行地理编码，并将该标记添加到 map 中。正如您从plotMarkers 函数中看到的，数组被循环并添加到codeAddresses 函数中。

function codeAddresses(address,title){
      geocoder.geocode( { 'address': address}, function(results, status) { 
              if (status == google.maps.GeocoderStatus.OK) {
                  marker = new google.maps.Marker({
                 map: map,
                 position: results[0].geometry.location
                });      
            google.maps.event.addListener(marker, 'click', (function(marker) {
              return function() {
                  infowindow.setContent(title);
                  infowindow.open(map, marker);
              }
            })(marker));
        }
    });
  }

我的问题是我是否将监听器(在上面链接的页面上)添加到加载第一个点的第一个函数中，或者应该将其添加到 codeAddresses 函数中？

此外，我应该将其包含在我的 codeAddresses 函数中还是其他地方？如果它确实进入 codeAddresses，这是否意味着我可以摆脱 for 循环，因为 codeAddresses 是从循环触发的(并在每次迭代期间运行)？

 for (var i = 0; i < window.mapData.length; i ++) {
   var datum = window.mapData[i];
   var loc = new gm.LatLng(datum.lat, datum.lon);
   var marker = new gm.Marker({
   position: loc,
   title: datum.h,
   map: map
});
 marker.desc = datum.d;
 oms.addMarker(marker);  // <-- here
}

Answer 1

最好的strategy是对地址进行离线地理编码(使用 geocoding web service )，将坐标存储在数据库中，然后使用它们来显示标记，这将减少加载页面的时间，因为地理编码器受到速率限制和配额的限制。