谷歌地图中的标准标记太小答案

【问题标题】：Standard Marker in Google Maps too small谷歌地图中的标准标记太小
【发布时间】：2012-09-19 11:43:35
【问题描述】：

但是当我在我的环境中加载代码时，位置标记突然变小并且在加载页面后被压扁（见图 1）。然后在我拖动标记后，它变得更小（见图2）。

有人见过这样的吗？这将有助于提示我如何解决这个问题，或者我犯了什么错误。

即如何修复标记的大小？

我的代码如下所示：

var marker = new google.maps.Marker({
    title: settings.gMapMarkerTitle,
    map: map,
    position: defaultLocationLatLng,
    draggable: true
});

【问题讨论】：

【解决方案1】：

问题确实是 CSS 设置。我正在使用 zurb 基础框架，它定义了所有图像的最大宽度。

max-width: 100%;

通过将我自己的 css 类添加到地图 div 来修复它。它会覆盖最大宽度设置，并且标记恢复正常。

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

.map_canvas img {
    max-width: none; // just in case it does not work... add !important;
}

感谢 Molle 博士的提示...

【讨论】：

【解决方案2】：

在没有 !important 的情况下工作，如果不需要，则不应使用 !important。

.map_canvas img {
    max-width: none;
}

【讨论】：