鼠标悬停监听器上的Google地图信息窗口会闪烁...如何阻止它闪烁?

时间:2012-10-25 11:34:30

标签: javascript google-maps google-maps-api-3

我创建了一个jsfiddle作为示例http://fiddle.jshell.net/WBaXx/

在结果面板中,您将看到谷歌地图和文字“abcdefghijk”...我想当用户鼠标悬停这些文字时,弹出信息窗口。

我成功编写了脚本,但我遇到的一个小问题是,当用户将鼠标从字母“a”移动到“k”时,信息窗口会闪烁。

问题是因为这些文本在不同的html标签中但是我正在监听父dtml的鼠标悬停,即DIV。所以不应该发生这种情况。

任何帮助?

谢谢

2 个答案:

答案 0 :(得分:2)

闪烁是由于“信息窗口”再次打开 - 即使它已经打开。

你可以使用

if (!infowindow.getMap())

检查信息窗口是否已打开

http://fiddle.jshell.net/WBaXx/6/

答案 1 :(得分:1)

如果您在页面中使用jQuery,则可以使用mouseenter / mouseleave来控制事件的触发。

来自api页面@ http://api.jquery.com/mouseover/

  

...当指针移动到子节点时,mouseover将触发   元素也是如此,而mouseenter仅在指针移动时触发   进入绑定元素。

你的jsfiddle在下面更新

http://fiddle.jshell.net/WBaXx/26/