谷歌地图缩放控制搞砸了

javascript css google-maps

2022-08-30 02:02:57

我使用Google Maps API（v.3）来显示带有几个标记的地图。我最近注意到用于缩放地图的控件搞砸了（并不总是这样）。我不知道原因是什么。

enter image description here

这篇文章最初有一个链接到一个页面，您可以在其中查看问题，但是该链接现在已断开，因此我已将其删除。

答案 1

你的CSS搞砸了。在第 814 行中删除，缩放控件将再次显示正常。为了避免这样的错误，请在CSS中使用更具体的选择器。max-width: 100%;

答案 2

#myMap_canvas img {
    max-width: none;
}

为我修复了它，但我也想指出@Ben对这个问题的评论，“如果你使用is map_canvas作为map div id，这个问题不会发生在Bootstrap上”。他是对的。我没有使用Bootstrap，但是在我更改了div id后开始出现问题。

将其设置回map_canvas固定它，而不会更改最大宽度。

<div id="map_canvas"></div>