使用 geoCoder 的集群标记谷歌地图答案

【问题标题】：Cluster Marker Google Maps using geoCoder使用 geoCoder 的集群标记谷歌地图
【发布时间】：2023-03-20 01:56:01
【问题描述】：

使用这些数据

   var data = {
  'address': [
    {
      'address': '7970 GLENTIES Ln'
    },
    {
      'address': '8022 Caminito Mallorca'
    },
    {
      'address': '2750 Wheatstone St # 26'
    },
    {
      'address': '335 49th St'
    }  
  ]
};

我设法标记了它们，但我无法对它们进行聚类。在我使用的代码下方。

var markerArray = [];
  function initialize() {
    geocoder = new google.maps.Geocoder();
    var center = new google.maps.LatLng(37.4419, -122.1419);

    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 3,
      center: center,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    var address;
    var markers = [];
    for (var level in data) {
        for (var i = 0; i < data[level].length; i++) {
       //   var dataPhoto = data.photos[i];
          var dataAdd =  data[level][i];
        //  alert(dataAdd.address);
        geocoder.geocode({ 'address': dataAdd.address}, function(results){            
          var marker  = new google.maps.Marker({
              map: map, 
              position: results[0].geometry.location
          });
         markerArray[i] = marker;         
        });
        }
    }
    var markerCluster = new MarkerClusterer(map, markerArray);
  }

  google.maps.event.addDomListener(window, 'load', initialize);

我如何对它们进行聚类？看来 MarkerClusterer 不工作或者我不知道。

【问题讨论】：

标签： google-maps google-maps-api-3 google-maps-markers markerclusterer

【解决方案1】：

由于地理编码功能是异步的，您需要在创建标记之前创建标记聚类器。

您应该做的是在开始地理编码之前创建 MarkerClusterer，然后您可以将其添加到 MarkerClusterer 中，而不是添加到标记数组中。

【讨论】：

我对你想让我做什么有点困惑。你能举个例子吗？
更新：我设法对它们进行聚类，但问题再次出现谷歌地图限制使用 goecode “超过查询限制”。希望对我有帮助
您不应该在每次用户加载页面时对相同的数据进行地理编码。如果您的数据不经常更改，则对其进行一次地理编码并存储一段时间。这在服务条款中是可以接受的，但您不能永远保留它。

【解决方案2】：

是的，地理编码功能是异步的。因此，您可以稍后使用 addMarker() 方法在集群中添加标记。

var markerCluster = new MarkerClusterer(map, markerArray);
for (var level in data) {
    for (var i = 0; i < data[level].length; i++) {      
      var dataAdd =  data[level][i];
      geocoder.geocode({ 'address': dataAdd.address}, function(results){            
      var marker  = new google.maps.Marker({
          map: map, 
          position: results[0].geometry.location
      });
     markerArray[i] = marker;  
     markerCluster..addMarker(marker);       
    });
    }
}

【讨论】：