maps - 谷歌地图信息窗口标注有几个像素

Question

这是我第一次在 stackoverflow 上发帖。（有点紧张）

我在谷歌地图的信息窗口标注框周围遇到问题，如下图所示：信息 窗口标注

大约有 2-3 像素的标注指针从信息框底部伸出。

我之前确实遇到了渲染问题，并且已经通过将“max-width:none”应用于地图 div 来解决。没有改变其他任何东西。

如果我能得到一些帮助来解决这个问题，那就太棒了......在此先感谢！

Answer 1

这有点老了，但我遇到了同样的问题，因为没有答案，我会发布我的修复。

在我的 CSS 中，我正在重置所有元素的 box-sizing 属性

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

为了解决这个问题，我将一个类应用于div包装 Google Map 并将 box-sizing 属性设置回initial状态。

.google-maps * { -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial; }