谷歌地图:如何通过悬停链接打开InfoWindow?

时间:2010-05-04 15:13:36

标签: javascript html google-maps

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

有人对此有所了解吗?

3 个答案:

答案 0 :(得分:15)

您只需将鼠标悬停事件绑定到标记中,然后就会显示信息气球。

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

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

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

希望这会有所帮助 迈拉

答案 1 :(得分:12)

发现这是Google搜索。以下代码适用于Google Maps API v3。

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

v2在被问到问题的时候出来了,所以如果有其他人偶然发现这个帖子,我的例子与v3兼容。

答案 2 :(得分:2)

你可以用addListener

尝试mouseover
marker.addListener('mouseover', function () {
        infowindow.open(mapObj, marker);
    });