Question

我使用了google的示例代码来进行markerclusterer。我添加了一个代码，用于显示markerclusterer v3的infowindow中标记的坐标，但问题是它只将最后一个标记latlang加载到窗口中：任何人都可以帮助解决此问题。

  function initialize() {
    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
    });

    google.maps.event.addListener(map, 'click', function() {
    infowindow.close();
    });

    var markers = [];
    for (var i = 0; i < 100; i++) {
      var dataPhoto = data.photos[i];
      var latLng = new google.maps.LatLng(dataPhoto.latitude,
          dataPhoto.longitude);
      var info = dataPhoto.photo_id;
      var marker = new google.maps.Marker({
        position: latLng


      });

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

    infowindow.setPosition(latLng);
    infowindow.setContent(latLng.toString()); 

    infowindow.open(map,marker);


    });
      markers.push(marker);

    }



    var markerCluster = new MarkerClusterer(map, markers);
  }


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

  var infowindow = new google.maps.InfoWindow(
  { 
  size: new google.maps.Size(150,50)
  });

</script>`

Answer 1

在这里，我使用提供的提示@geocodezip找到答案。应该按如下方式更改事件addListener：

  google.maps.event.addListener(marker, 'click', (function(marker, i) {
    return function() {
      infowindow.setContent(marker.position.toString());
      infowindow.open(map, marker);
    }
  })(marker, i));

Markerclusterer和infowindow v3无法正常工作

1 个答案: