相关疑难解决方法(0)

谷歌地图 - 多个标记 - 1 InfoWindow问题

我无法让我的标记显示不同的信息.标记始终显示最后一个"contentString"的内容.

我已经阅读了其他几篇文章但其中没有一篇似乎有所帮助.

这是代码:

    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);
    }
Run Code Online (Sandbox Code Playgroud)

任何人都可以看到我做错了什么? …

html javascript google-maps google-maps-api-3

4
推荐指数
2
解决办法
1万
查看次数

Google地图自定义信息框

我正在尝试按照此示例合并自定义信息框,但我的代码不起作用.有人可以看一看,看看我哪里出错了吗?

我已经评论了示例代码的开始/结束位置以及我试图调用它的位置.

function initialize() {

var mapOptions = {
  zoom: 12,
  center: new google.maps.LatLng(52.204872,0.120163),
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  styles: styles,
  scrollwheel: false
};

var map = new google.maps.Map(document.getElementById('map_canvas'),mapOptions);

setMarkers(map, sites);
            infowindow = new google.maps.InfoWindow({
    content: "loading..."

});
}

var sites = [
    // List all locations for each pin
['The Frontroom', 52.202977,0.138938, 1, '<p>The Frontroom. <br/>23-25 Gwydir Street, Cambridge, CB1 2LG <br/>01223 305 600</p>'],
];

function setMarkers(map, markers) {

for (var i = 0; i < markers.length; i++) {
    var sites = …
Run Code Online (Sandbox Code Playgroud)

javascript css jquery google-maps google-maps-api-3

2
推荐指数
1
解决办法
3万
查看次数

标签 统计

google-maps ×2

google-maps-api-3 ×2

javascript ×2

css ×1

html ×1

jquery ×1