javascript - Google Maps InfoWindow 和 JQueryUI 工具提示问题

标签 javascript google-maps jquery-ui-tooltip

我们的站点托管了一个 Google map ,其中包含用户可以点击的标记。单击标记时,会显示一个信息窗口,其中包含该标记的详细信息。

我们还在我们的网站上使用了 JQueryUI 工具提示,这对我们来说效果很好。

自从谷歌地图 3.34 更新后,他们似乎更改了现在包含标题属性的信息窗口的关闭按钮,这导致 JQuery 工具提示取代了标准工具提示,没关系。

但是,当您单击信息窗口的关闭按钮时,工具提示会无限期地保留在屏幕上。

在这里查看 JS Fiddle:https://jsfiddle.net/yzep2jvu/

code

运行它然后单击标记然后单击信息窗口上的关闭,工具提示仍然存在

有什么想法吗?

最佳答案

我在使用带有 jQ​​uery UI 的谷歌浏览器和谷歌地图 3.34 和 3.35 时也遇到了这个问题。不是最好的解决方案,但这解决了它:

map.addListener('mousemove', function() {
    $("[role='tooltip']").remove();
});

看看这个 fiddle :https://jsfiddle.net/pablobetes/jaoy4w2f/

关于javascript - Google Maps InfoWindow 和 JQueryUI 工具提示问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53401440/

相关文章:

javascript - 如何在 html 中嵌入实时 excel 电子表格

javascript - JQuery 比较数组中的任何匹配项

javascript - map 中的可拖动标记

javascript - JQuery UI 工具提示 - 工具提示位置错误(在页面左侧而不是按钮周围)

javascript - 没有 tbody 和 th block 的 jquery tablesorter 用法

android - 谷歌地图显示灰色方 block

javascript - 如何在 Android 上为谷歌地图使用 RouteBoxer.js

jQuery Aristo 主题删除了工具提示的样式

jquery - 禁用焦点上的 jquery 工具提示

javascript - 调整 chrome 扩展上的加载事件