谷歌地图缩放看起来很奇怪

Question

我有Google地图问题，除了缩放按钮似乎搞砸之外，一切似乎都有效

这是地图的图像。

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

Answer 1

似乎我已经很晚了，仍然想分享我的想法。

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

这就是我用过的。这个

#mapDiv img{ max-width: none; }

Answer 2

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

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

的行

您必须将其删除。

检查它是否有效。

Answer 3

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

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

回答：https://stackoverflow.com/a/19339767/3041072

Answer 4

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

  

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

以下是StackOverflow问题的链接：Twitter Bootstrap CSS affecting Google Maps