Question

如何删除谷歌地图中信息窗口的关闭图标。我试图删除此图标，但无法找到ID或类。

那么有人可以帮我从信息窗口删除关闭图标吗？

Answer 1

您可以使用CSS隐藏关闭按钮：

.gm-style-iw + div {display: none;}

Answer 2

我尝试了上述所有建议，但都失败了。我尝试使用jquery $('.gm-style-iw').next().hide()，它也没有用。

这对我有用，万一有人需要它。这就是我对GMAP API V3的所作所为。

.gm-style .gm-style-iw + div {
    display: none; /* <-- this will generally work on the fly. */
    visibility: hidden; /* this 2 lines below are just for hard hiding. :) */
    opacity: 0;
}

通常，它所做的是，它寻找由API动态创建的gm-style-iw的直接兄弟。 div旁边的gm-style-iw是关闭按钮。

希望有所帮助。：）

Answer 3

button.gm-ui-hover-effect {
    visibility: hidden;
}

今天在Chrome和Edge中都可以使用

Answer 4

对于使用Google Maps API v2的用户，此功能会打开一个没有关闭图标的信息窗口：

openInfoWindowHtml(html, {
  maxWidth: 200, buttons: { close: { visible: false } }
});

Answer 5

我将closeBoxURL设置为选项对象

上的空字符串

infoboxOptions = {

    closeBoxURL: '',
    ...

}

var infobox = new InfoBox(infoboxOptions);

Answer 6

你可以试试这个

.gm-style-iw + div{ display: none; } // hide div

.gm-style-iw + div + img{ display: none; } // hide img

Answer 7

这对我来说只有CSS

.gm-ui-hover-effect {
    display: none !important;
}

Answer 8

您可以尝试

::ng-deep .gm-style .gm-style-iw-c button {
    display: none !important;
}

其中的魔力是:: ng-deep修饰符，它可以深入搜索样式并覆盖它们。

Answer 9

.gm-style-iw button>img {
    display: none!important;
}

这段代码将使它工作。在我的例子中，代表关闭按钮的图像位于分类为 gm-style-iw 的 div 中的按钮标签内

Answer 10

在您的 CSS 中添加：

button.gm-ui-hover-effect {
   visibility: hidden;
}

这与 Maps API v3.43 完美配合

从谷歌地图信息窗口中删除关闭图标

10 个答案: