javascript - Google API 3 从谷歌地图外的 div 打开 Infowindow

Question

正如标题所述，我如何使用 Google API 3 从 Google map 之外的 div 打开 Infowindow。

这就是我今天正在做的，但这只适用于最后一个 div 链接，而不是每个链接

markerObj =  document.getElementById(markerId);
                   markerObj.onclick = function(){
                       google.maps.event.trigger(marker, 'click');
                   } 

有什么线索吗？

Answer 1

我认为要完成这项工作，您需要有一组标记。然后您将触发对您想要的确切标记的点击(现在它只会在您的最后一个标记上执行)。

因此，当您向 map 添加标记时，将它们附加到一个数组中:

var markers = [];

var marker = new google.maps.Marker({   ... });

marker.addListener('click', function() {
    infowindow.setContent('blah blah');
    infowindow.open(map, this);
});

markers.push(marker);

然后在您的 div 上，传入一个 ID 以计算出您正在处理的是哪个数组。

<div id="link0">1</div> <div id="link1">2</a> (JS 数组从零开始)

然后稍微修改一下你的代码:

markerObj =  document.getElementById(markerId);

// work out which number it is
var linkID = markerId.replace("link", "");

markerObj.onclick = function(){
    google.maps.event.trigger(markers[linkID], 'click');
}