Google地图缩放控件混乱了
我使用Google Maps API（v.3）显示带有几个标记的地图。 我最近注意到用来缩放地图的控件弄乱了（它并不总是这样）。 我不知道是什么原因。
更新
这篇文章最初有一个链接到一个页面，您可以查看该问题，但链接现在已被破解，因此我已将其删除。
你的CSS搞砸了。 删除max-width: 100%; 在行814和缩放控制将再次看起来不错。 为了避免此类错误，请在CSS中使用更具体的选择器。
#myMap_canvas img {
max-width: none;
}
为我修复了这个问题，但我还想指出@Ben对这个问题的评论，“如果使用is map_canvas作为映射div id，则Bootstrap不会发生此问题。” 他是对的。 我没有使用Bootstrap，但是在我更改了div id之后，问题就开始发生了。
将其重新设置为map_canvas可以在不进行最大宽度更改的情况下进行修复。
<div id="map_canvas"></div>
如果你使用的是Bootstrap，只需给它“谷歌地图”类。 这对我有效。
作为替代方案，您可以重置Google地图div的所有内容作为最后的解决方案：
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;
}