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

【问题标题】：Google Map's Zoom look weird谷歌地图缩放看起来很奇怪
【发布时间】：2012-08-07 14:19:30
【问题描述】：

我遇到了谷歌地图问题，除了缩放按钮似乎乱七八糟之外，一切似乎都正常工作

这是地图的图像。

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

【问题讨论】：

【解决方案1】：

使用最新版本的 google maps api 你需要这个：

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

【讨论】：

【解决方案2】：

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

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

这里是 StackOverflow 上问题的链接：Twitter Bootstrap CSS affecting Google Maps

【讨论】：

【解决方案3】：

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

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

这是我用的。试试这个

#mapDiv img{ max-width: none; }

【讨论】：

我不敢相信！谢谢！
我发现我还需要将 position: absolute; 添加到 .gmnoprint img 以覆盖 Bootstrap 框架中弄乱了控件样式的内容。

【解决方案4】：

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

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

您必须将其删除。

检查它是否有效。

【讨论】：