谷歌地图 - 多个标记 - 1 InfoWindow 问题 [英] Google Maps - Multiple markers - 1 InfoWindow problem

问题描述

我无法让我的标记显示不同的信息窗口.标记总是显示最后一个contentString"的内容.

I can't get my markers to display different infowindows. The markers always display the content of the last "contentString".

我已经阅读了其他一些帖子，但似乎都没有帮助.

I've read a few other posts but none of them seem to help.

这是代码:

    function setMarkers(branches, map) {
        var bounds = new google.maps.LatLngBounds();
        var contentString = null;
        var infowindow = null;
        infowindow = new google.maps.InfoWindow();
        for (var i = 0; i < branches.length; i++) {
            var marker = null;
            branch = branches[i];
            var myLatlngMarker = new google.maps.LatLng(branch[0], branch[1]);
            contentString = '<p>' + branch[3] + '</p>';

            var marker = new google.maps.Marker({
                position: myLatlngMarker,
                map: map,
                title: branch[2]
            });

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

            bounds.extend(myLatlngMarker);
        }

        map.fitBounds(bounds);
    }

谁能看出我做错了什么?

Can anyone see what am I doing wrong?

谢谢

推荐答案

对了，

我找到了解决方案.我向名为info"的标记添加了一个额外的属性，然后从addlistener"事件infowindow.setContent(this.info)"中引用了它.

I found a solution. I added an extra property to the marker called 'info' and then referenced it from the 'addlistener' event 'infowindow.setContent(this.info)'.

这是更新的代码:

function setMarkers(branches, map) {
    var marker = null;
    var infowindow = new google.maps.InfoWindow();
    var bounds = new google.maps.LatLngBounds();

    for (var i = 0; i < branches.length; i++) {
        branch = branches[i];

        var myLatlngMarker = new google.maps.LatLng(branch[0], branch[1]);

        var marker = new google.maps.Marker({
            position: myLatlngMarker,
            map: map,
            title: branch[2],
            info: branch[3],
            icon: '<%=Icon%>'
        });

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

        bounds.extend(myLatlngMarker);
    }

    map.fitBounds(bounds);
}

这篇关于谷歌地图 - 多个标记 - 1 InfoWindow 问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！