google-maps - 谷歌地图的缩放看起来很奇怪

Question

我有一个谷歌地图问题，除了缩放按钮似乎搞砸了，一切似乎都正常

这是地图的图像。在此处输入图像描述

我猜有些东西是重叠的，但我不太确定。

score 12 · Accepted Answer

看来我来晚了，还是想分享一下我的想法。

编辑库的核心 css 不是一个好主意。相反，我们可以覆盖它

这是我用的。试试这个

#mapDiv img{ max-width: none; }

score 6 · Accepted Answer

首先，您提供的链接无效。

这个问题通常是由于css（我认为它的bootstrap.css），这使得谷歌地图控件搞砸了。检查具有代码的行：max-width:100%

您将不得不删除它。

检查它是否有效。

score 3 · Accepted Answer

使用最新版本的 google maps api，您需要：

<style>
  .gm-style img { max-width: none; }
  .gm-style label { width: auto; display: inline; }
</style>

score 0 · Accepted Answer

Bootstrap.css实际上有一个名为google-maps的类，它将 img 的最大宽度设置为 none。bootstrap.css中的代码是

#map_canvas img, .google-maps img{max-width:none}

这是 StackOverflow 上问题的链接：Twitter Bootstrap CSS 影响 Google Maps

4 回答 4