google-maps - 如何将 MakerClusterer 与当前的 Google map 集成？ V3

Question

我在将 MarkerClusterer 添加到我当前的 Google map 中时遇到问题(花了很长时间才走到这一步!!)。我怎样才能将两者结合起来？我正在使用 API 的 V3。

这是 MarkerClusterer 代码:

var center = new google.maps.LatLng(37.4419, -122.1419);
var options = {
  'zoom': 13,
  'center': center,
  'mapTypeId': google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map(document.getElementById("map"), options);

var markers = [];
for (var i = 0; i < 100; i++) {
  var latLng = new google.maps.LatLng(data.photos[i].latitude,
      data.photos[i].longitude);
  var marker = new google.maps.Marker({'position': latLng});
  markers.push(marker);
}
var markerCluster = new MarkerClusterer(map, markers);

更新:我尝试将集群器添加到我当前的代码中，但它似乎不起作用。 Places[i] 似乎没有输入到集群器中。

Answer 1

问题出在地理编码上。通过大量尝试解决了:

for (var i = 0; i < address.length; i++) {
    (function(i) {
    geocoder.geocode( {'address': address[i]}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
    places[i] = results[0].geometry.location;
    // Adding the markers
    var marker = new google.maps.Marker({position: places[i]});
    markers.push(marker);
    //add the marker to the markerClusterer
    markerCluster.addMarker(marker);