34

我正在尝试将 infoWindow 添加到 Google 地图上的多个标记中。我最接近的是获得一个 infoWindow 来显示您在数组中可以看到的最后一个地址，在所有标记上。我在下面粘贴的那段代码不起作用，我收到“未捕获的类型错误：无法读取未定义的属性 '4'”。我确定这是一个范围问题，但我在这里转了一圈，可以提供一些帮助：

var hotels = [
            ['ibis Birmingham Airport', 52.452656, -1.730548, 4, 'Ambassador Road<br />Bickenhill<br />Solihull<br />Birmingham<br />B26 3AW','(+44)1217805800','(+44)1217805810','info@ibisbhamairport.com','http://www.booknowaddress.com'],
            ['ETAP Birmingham Airport', 52.452527, -1.731644, 3, 'Ambassador Road<br />Bickenhill<br />Solihull<br />Birmingham<br />B26 3QL','(+44)1217805858','(+44)1217805860','info@etapbhamairport.com','http://www.booknowaddress.com'],
            ['ibis Birmingham City Centre', 52.475162, -1.897208, 2, 'Ladywell Walk<br />Birmingham<br />B5 4ST','(+44)1216226010','(+44)1216226020','info@ibisbhamcity.com','http://www.booknowaddress.com']
        ];

        for (var i = 0; i < hotels.length; i++) {
            var marker = new google.maps.Marker({
                position: new google.maps.LatLng(hotels[i][1], hotels[i][2]),
                map: map,
                icon: image,
                title: hotels[i][0],
                zIndex: hotels[i][2]
            });

            var infoWindow = new google.maps.InfoWindow();

            google.maps.event.addListener(marker, 'click', function () {
                var markerContent = hotels[i][4];
                infoWindow.setContent(markerContent);
                infoWindow.open(map, this);
            });
        }

感谢期待。

4

2 回答 2

56

我们已经解决了这个问题，尽管我们不认为在 for 之外添加 addListener 会产生任何影响，但似乎如此。这是答案：

使用您的信息为其中的 infoWindow 创建一个新函数：

function addInfoWindow(marker, message) {

            var infoWindow = new google.maps.InfoWindow({
                content: message
            });

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

然后使用数组 ID 和要创建的标记调用函数：

addInfoWindow(marker, hotels[i][3]);
于 2011-05-03T13:18:38.267 回答
33

虽然这个问题已经得到解答，但我认为这种方法更好： http: //jsfiddle.net/kjy112/3CvaD/从 StackOverFlow谷歌地图上的这个问题中提取 - 在给定坐标的情况下打开标记信息窗口：

每个标记都有一个“信息窗口”条目：

function createMarker(lat, lon, html) {
    var newmarker = new google.maps.Marker({
        position: new google.maps.LatLng(lat, lon),
        map: map,
        title: html
    });

    newmarker['infowindow'] = new google.maps.InfoWindow({
            content: html
        });

    google.maps.event.addListener(newmarker, 'mouseover', function() {
        this['infowindow'].open(map, this);
    });
}
于 2012-06-06T14:51:42.207 回答