將信息窗口添加到多個標記

Question

我想將信息窗口添加到標記，分別添加到每個標記。 我有以下編碼。 如何添加帶有循環的信息窗口。

function initialize() {
var latlng = new google.maps.LatLng(7.344102,80.517929);

var myOptions = {
    zoom: 8,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

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


var service_outlets = [
    ['Muttur', 9.763324,80.200539, 5],
    ['Jaffna', 9.661498,80.025547, 6],
    ['Mannar', 8.873401, 79.989824, 7],
    ['Padaviya', 8.834935,80.759248, 8],
    ['Trincomalee', 8.566667,81.233333, 9],
    ['Matale', 7.467465,80.623416, 2]
    ];

for (var i = 0; i < service_outlets.length; i++) {
    var marker = new google.maps.Marker({
        position: new google.maps.LatLng(service_outlets[i][1], service_outlets[i][2]),
        map: map2,
      //  icon: image,
        icon: 'http://maps.google.com/mapfiles/ms/icons/green-dot.png',
        title: service_outlets[i][0],
        zIndex: service_outlets[i][3]
    });

    var infowindow = new google.maps.InfoWindow({
      content:service_outlets[i][0]
      });

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

}

}

window.onload = initialize;

單擊任何標記時，僅顯示最后一個標記。 我會感謝一些幫助

Answer 1

您需要像這樣在標記單擊事件中設置信息窗口內容

google.maps.event.addListener(marker, 'click', function() {
    infowindow.setContent(this.title);
    infowindow.open(map, this);
});