如何在Googlemaps上使用带有不同信息窗口的多个标记

Question

我正在尝试在不同的标记上显示信息窗口，但是没有显示，并且当它显示时，信息窗口在每个标记上都显示相同的信息。 我怎样才能解决这个问题？

    var locations = [
        ["Dispositivo 1", "13/02/2019", 38.776816, -9.441833, 335, "foto.jpg"],
        ["Dispositivo 2", "15/08/2019",38.817562, -8.941728, 36, "foto.jpg"],
        ["Dispositivo 3", "20/07/2019",38.487978, -9.004425, 90,"foto.jpg"],
        ["Dispositivo 4", "01/07/2019",37.045804, -8.898041, 12, "foto.jpg"]

    ];




    var i = 0; 
    var infoWindow = new google.maps.InfoWindow(), marker, i;



    function setMarkers(map) {

        for ( i = 0; i < locations.length; i++) {
            var fire = locations[i];

            var marker = new google.maps.Marker({
                position: { lat: fire[2], lng: fire[3] },
                map: map

            });



            google.maps.event.addListener(marker, 'click', (function(marker, i) {
    return function() {
        infoWindow.setContent('<div id="content">' +
        '<div id="siteNotice">' +
        '</div>' +
        '<div id="bodyContent">' +
            '<p><b>Avaliação da Ocorrência:</b></p>' +
            '<p>Fotografias:' + fire[0] + '</p>' +
        '<p>Avaliação:</p>' +
        '<p>Data:</p>' +
        '</div>');
        infoWindow.open(map, marker);
    }
})(marker, i));

        }
    }

Answer 1

尝试用locations[i][0]替换infowindow.setcontent()中的fire[0] locations[i][0]

这样就可以了。

下面的链接中有一个类似的主题：

Google Maps JS API v3-简单多个标记示例

最好的祝福。