google-maps - 谷歌地图信息窗口关闭按钮被隐藏

Question

我在我的网站中使用了带有多个标记和多个信息窗口的谷歌地图。不知何故，关闭按钮（小 x）隐藏在信息窗口内，但如果在应该显示的位置单击它就可以工作。如何解决这个问题？

Answer 1

修复了它，显然 bootstrap.css 与图像冲突，不得不使用这几行额外的 css

<style type="text/css">
/** FIX for Bootstrap and Google Maps Info window styes problem **/
img[src*="gstatic.com/"], img[src*="googleapis.com/"] {
max-width: none;
}
</style>

任何面临相同问题的人都可以使用它来解决您的问题。

Answer 2

你也可以试试这个：

max-width: none !important;

这将帮助您处理任何其他规则

Answer 3

根据您的自定义 css，您可能还必须添加max-height: none。

img[src*="gstatic.com/"], img[src*="googleapis.com/"] {
    max-width: none !important;
    max-height: none !important;
}