Google Maps InfoWindow 和 JQueryUI Tooltip 问题答案

【问题标题】：Google Maps InfoWindow and JQueryUI Tooltip issueGoogle Maps InfoWindow 和 JQueryUI Tooltip 问题
【发布时间】：2019-04-23 09:29:12
【问题描述】：

我们的网站有一个谷歌地图，上面有用户可以点击的标记。单击标记时，会显示一个包含该标记详细信息的信息窗口。

我们还在我们的网站上使用 JQueryUI 工具提示，这对我们很有效。

自从 3.34 更新到 Google Maps 后，看起来他们更改了 InfoWindow 的关闭按钮，该按钮现在包含一个标题属性，这导致 JQuery 工具提示替换标准工具提示，这很好。

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

在此处查看 JS Fiddle：https://jsfiddle.net/yzep2jvu/

code

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

有什么想法吗？

【问题讨论】：

请提供一个minimal reproducible example 来证明这个问题。
jsfiddle.net/yzep2jvu

标签： javascript google-maps jquery-ui-tooltip

【解决方案1】：

我在使用带有 jQuery UI 的 Google Chrome 和 Google Maps 3.34 和 3.35 时也遇到了这个问题。不是最好的解决方案，但这解决了它：

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

看看这个小提琴：https://jsfiddle.net/pablobetes/jaoy4w2f/

【讨论】：

【解决方案2】：

尝试删除处理 InfoWindow 的 closeclick 事件的工具提示：

google.maps.event.addListener(yourInfoWindow, 'closeclick', function() {

    // Close jQuery ui tooltip related to the close button
    jQuery("[role='tooltip']").remove();
});

【讨论】：