从谷歌地图信息窗口中删除关闭图标
remove close icon from the google map info window
如何删除谷歌地图中信息窗口的关闭图标。我试图删除这个图标,但找不到id或类。
所以有人能帮我从信息窗口中删除关闭图标吗?
您可以使用CSS:隐藏关闭按钮
.gm-style-iw + div {display: none;}
这对我来说只适用于css
.gm-ui-hover-effect {
display: none !important;
}
我尝试了上面的所有建议,但都失败了。我尝试使用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
的直接同级。gm-style-iw
旁边的div
是关闭按钮。
希望能有所帮助。:)
button.gm-ui-hover-effect {
visibility: hidden;
}
这在Chrome和Edge 中仍然有效
你可以试试这个
::ng-deep .gm-style .gm-style-iw-c button {
display: none !important;
}
它的神奇之处在于::ng深度修饰符,它可以深入搜索样式并覆盖它们。
对于使用Google Maps API v2的用户,此功能将打开一个没有关闭图标的信息窗口:
openInfoWindowHtml(html, {
maxWidth: 200, buttons: { close: { visible: false } }
});
我在选项对象上将closeBoxURL
设置为空字符串
infoboxOptions = {
closeBoxURL: '',
...
}
var infobox = new InfoBox(infoboxOptions);
你可以试试这个
.gm-style-iw + div{ display: none; } // hide div
.gm-style-iw + div + img{ display: none; } // hide img
.gm-style-iw button>img {
display: none!important;
}
这段代码将使它发挥作用。在我的案例中,表示关闭按钮的图像位于div类gm样式iw 中的按钮标签内
将其添加到您的CSS:中
button.gm-ui-hover-effect {
visibility: hidden;
}
这与Maps API v3.43 完美配合
相关文章:
- 从谷歌地图信息窗口中删除关闭图标
- Kendo TreeView-只向没有子节点的父节点添加删除图像图标
- 如何从紫藤视频中删除社交图标栏
- 单击href旁边的链接(删除图标)时删除href(Javascript帮助)
- 如何在文本输入中插入删除图标并实现删除文本
- j查询按钮.单击图标时删除
- 删除在锚标记中不起作用的图标
- 如何向输入字段添加删除/清除字段图标
- 录制停止后删除红色图标
- 如何删除加载图标extjs4
- 如何在getusermedia中从firefox和chrome中删除音频视频通话图标
- 当使用javascript onclick I'我在IE中得到了一个小链接图标,我该如何删除它
- 添加一个关闭图标,如果活动和删除它,如果不活动
- 如何删除加载器图标形式嵌入youtube视频
- Javascript谷歌地图删除图标
- 鼠标在菜单项上的引导程序下拉菜单应在右侧显示编辑/删除图标
- 如何在不删除图标的情况下将其添加到绑定中
- 在 jQuery 中列表中的每一行前面添加一个删除图标
- 删除多记录块中的删除图标
- 使用字体真棒图标并删除图标微调图标旋转