google-maps-api-3 - Google map v3 中的多标记信息窗口

Question

我现在已经对此进行了大约 1 小时的测试。但出于某种原因，我无法让它工作，为每个标记显示另一个信息窗口文本。单击它们中的每一个，将打开一个新的信息窗口(旧的将关闭这很好)，但窗口内的文本始终是我在最后一个标记中设置的文本:

function initialize() {
    var center = new google.maps.LatLng(51.133333,10.416667);
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 6,
      center: center,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    var markers = [];

    for (var i = 0, dataPhoto; dataPhoto = data.photos[i]; i++) {
      var latLng = new google.maps.LatLng(dataPhoto.latitude,
                   dataPhoto.longitude);
      var marker = new google.maps.Marker({
        position: latLng,
        title: dataPhoto.infotitle,
        map: map,
      });

      /* Create Info Windows */         

      var infowindow = new google.maps.InfoWindow({
        content: " "
      });
      google.maps.event.addListener(marker, 'click', function() {
        infowindow.setContent('<h3>'+marker.title+'</h3>'+' Infotext');
        infowindow.open(map, this);
      });
      markers.push(marker);
    }
    var markerCluster = new MarkerClusterer(map, markers);
} 

我在这里看到了一些解决方案，但似乎没有一个适合我。非常感谢您的帮助!

参见 online demo .

Answer 1

您只需将内容设置为 this.title，而不是 marker.title

infowindow.setContent('<h3>'+this.title+'</h3>'+' Infotext');

谢谢dz46