标记内容（infoWindow）Google地图

问题描述

我试图将infoWindow添加到Google地图上的多个标记。我来的最接近的是获得一个infoWindow来显示你可以在数组中看到的所有标记的最后一个地址。我粘贴下面的代码不起作用，我得到一个Uncaught TypeError：无法读取未定义的属性'4'。我确信这是一个范围问题，但我会在这里绕圈，可以做一些帮助：

I'm trying to add infoWindow's to multiple markers on a Google Map. The closest I have come is to get an infoWindow to display the last address you can see in the array, on all markers. The bit of code I have pasted below does not work, I get an "Uncaught TypeError: Cannot read property '4' of undefined". I'm sure this is a scope issue, but I'm going round in circles here and could do with some help:

var hotels = [
            ['ibis Birmingham Airport', 52.452656, -1.730548, 4, 'Ambassador Road<br />Bickenhill<br />Solihull<br />Birmingham<br />B26 3AW','([phone]','([phone]','[email protected]','http://www.booknowaddress.com'],
            ['ETAP Birmingham Airport', 52.452527, -1.731644, 3, 'Ambassador Road<br />Bickenhill<br />Solihull<br />Birmingham<br />B26 3QL','([phone]','([phone]','[email protected]','http://www.booknowaddress.com'],
            ['ibis Birmingham City Centre', 52.475162, -1.897208, 2, 'Ladywell Walk<br />Birmingham<br />B5 4ST','([phone]','([phone]','[email protected]','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);
            });
        }

感谢您的期望。

Thanks in anticipation.

推荐答案

我们已经解决了这个问题，尽管我们认为除了for之外的addListener会产生任何影响。答案如下：

We've solved this, although we didn't think having the addListener outside of the for would make any difference, it seems to. Here's the answer:

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

Create a new function with your information for the infoWindow in it:

function addInfoWindow(marker, message) {

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

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

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

Then call the function with the array ID and the marker you want to create:

addInfoWindow(marker, hotels[i][3]);

这篇关于标记内容（infoWindow）Google地图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！