Google地图缩放控件混乱了
我使用Google Maps API（v.3）显示带有几个标记的地图。 我最近注意到，用于缩放地图的控件弄乱了（并不总是这样）。 我不知道是什么原因。
更新
这篇文章最初有一个链接到一个页面，您可以查看这个问题，但现在链接被破坏，所以我已经删除它。
你的CSS搞砸了。 删除max-width: 100%; 在行814和缩放控制将再次看起来不错。 为了避免这样的错误，请在CSS中使用更具体的select器。
#myMap_canvas img { max-width: none; }
给我修好了，但是我也想指出@Ben在这个问题上的评论，“如果使用is map_canvas作为map div id，这个问题不会发生在Bootstrap上。 他是对的。 我没有使用Bootstrap，但是在我更改了div id后，问题就开始发生了。
将其设置回map_canvas将其修改为不带最大宽度的更改。
<div id="map_canvas"></div>
如果您使用的是Bootstrap，只需给它“谷歌地图”类。 这对我有效。
作为替代scheme，您可以重置Google地图div的所有内容，作为最后的解决scheme：
HTML：
<div class="mappins-map"><div>
CSS：
.mappins-map img { max-width: none !important; height: auto !important; background: none !important; border: 0 !important; margin: 0 !important; padding: 0 !important; }
只是分享@ Max-Favilli回答：
与最新版本的谷歌地图API你需要这个：
<style> .gm-style img { max-width: none; } .gm-style label { width: auto; display: inline; } </style>
感谢@ Max-Favilli
如果您是Twitter Bootstrap用户，则应将此行添加到您的CSS中：
.gmnoprint img { max-width: none; }
我也有这个问题，并使用
.google-maps img { max-width: none; }
没有工作。 我最终使用了
.google-maps img { max-width: none !important; }
它像一个魅力工作。
如果您使用的是雅虎的纯CSS，请为您的div指定像“Bootstrap”这样的“google-maps”类，并将此规则放入您的CSS中：
.google-maps img { max-width: none; max-height: none; }
据我所知，纯CSS无法自行解决这个问题。
你们告诉我的那些选项对我的网站没有任何作用。
我使用Bootstrap V3并专注于function。 主要的原因是我给了我的地图一个不同的ID，然后CSS文件用于显示与黄色streetvieuw家伙的缩放栏
我将map_canvas重命名为mapholder，然后它为我工作！ 感谢提示，我应该看看CSS文件！
我尝试了所有上述解决scheme，其他论坛的其他人无济于事。 这真的很烦人，因为我有另一个非WordPress的网站代码完美的工作。 （我试图在Wordpress页面中显示Google地图，但缩放和Streetview控件被扭曲）。
我做的解决scheme是创build一个新的HTML文件（将所有代码复制到记事本中，并将其命名为xyz.html，另存为types“all files”）。 然后上传/ ftp到网站，并设置一个新的WordPress的页面，并使用embeddedfunction。 当编辑页面转到文本编辑器（而不是可视化编辑器）和复制/types：
http：// page URL width =“900”height =“950”>
如果您更改了维度，请记住在上面的两个参数中更改它，否则会得到奇怪的结果。
我们走了 – 可能不像其他一些答案那么聪明，但它对我有用！ 这里的证据： http : //a-bc.co.uk/latitude-longitude-finder/
