将鼠标悬停在谷歌信息窗口上

时间:2016-06-28 13:47:00

标签: jquery

我在地图上有一个带有标记和信息窗口的谷歌地图。问题是每当我将鼠标悬停在标记上时,都会显示信息窗口。但是在鼠标移出时,信息窗口没有关闭。

google.maps.event.addListener(infowindow,'mouseout', function() {
                    infowindow.close();
                });

1 个答案:

答案 0 :(得分:2)

请尝试:

someFloat

我们不知道您的代码,因此,这只是您解决问题的一个示例。如果你设置一个小提琴,我们可以更好地帮助你。

如果代码中已有标记变量,请尝试以下操作:

您使用var map = new google.maps.Map(document.getElementById('map'), { zoom: 4, center: {lat: -25.363, lng: 131.044} }); var infowindow = new google.maps.InfoWindow({ content: 'SomeText' }); map.addListener('mouseout', function() { infowindow.close(); }); 代替当前infowindow

marker

同时检查:

Google JS API Docs

在这里你看到它应该只能绑定google.maps.event.addListener(marker,'mouseout', function() { infowindow.close(); }); ,就像你当前的结构意味着markers

因此,您必须在google.maps.event.addListener(...)上绑定mouseout事件,然后您也可以关闭InfoWindow。

如果你使用jQuery(你标记了它)

your map

也许让你的DOM准备就绪。