Question

我们的网站托管了一个Google Map，其中包含用户可以点击的标记。单击标记后，将显示一个信息窗口，其中包含该标记的详细信息。

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

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

但是，当您单击“信息窗口”的关闭按钮时，工具提示会在屏幕上不确定地显示。

在此处查看JS小提琴：https://jsfiddle.net/yzep2jvu/

code

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

有什么想法吗？

Answer 1

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

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

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

Answer 2

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

<annotation>
    <folder>images</folder>
    <filename>BROWN, M M-1.jpg</filename>
    <size>
        <width>2200</width>
        <height>3217</height>
        <depth>3</depth>
    </size>
    <segmented>0</segmented>
    <object>
        <name>DOB</name>
        <pose>Unspecified</pose>
        <truncated>0</truncated>
        <occluded>0</occluded>
        <difficult>0</difficult>
        <bndbox>
            <xmin>121</xmin>
            <ymin>296</ymin>
            <xmax>625</xmax>
            <ymax>346</ymax>
        </bndbox>
    </object>
</annotation>

Google Maps InfoWindow和JQueryUI工具提示问题

2 个答案: