谷歌地图:如何通过悬停链接来打开信息窗口?

13

我在我的页面上有一个地图,左边有大约40个点,右边列出了这40个点的列表。 当你点击地图上的一个点时,会显示“信息窗口”,您可以在其中查看有关该点的一些信息。 我找不到如何通过对应的链接进行“悬停”来简单地打开地图上的“信息窗口”,从而关闭所有其他信息窗口。

有人有什么想法吗?

3个回答

15

你只需要将鼠标悬停事件绑定到你的标记上,信息气泡就会出现。

GEvent.addListener(marker, "mouseover", function() {
      marker.openInfoWindowHtml(html);
}); 

这里有一个示例页面
还要知道,为了更好地解释谷歌地图编码的工作原理,请先检查文档。

http://code.google.com/apis/maps/documentation/

希望这可以帮助你
Myra


嗨,Myra,感谢您提供这个代码片段。 在谷歌和AIP文档中搜索后,我找到了这个函数“openInfoWindowHtml”,但不知道如何使用它:/ 所以,我需要将信息窗口中包含的HTML代码放入“html”中吗?谢谢!! :) - legibe

12

我在谷歌上搜索到了这个代码。以下代码适用于 Google Maps API v3。

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

当时提问时v2已经发布,所以如果其他人遇到这篇文章,我的例子与v3兼容。


2
您可以尝试使用mouseoveraddListener
marker.addListener('mouseover', function () {
        infowindow.open(mapObj, marker);
    });

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接