javascript - 谷歌地图中的标准标记太小

Question

我正在实施一个像这样的位置选择器： http://m.rhinvivant-lebendigerrhein.eu/geopick.php ?raz=1

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

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

即我怎样才能固定我的标记的大小？

我的代码如下所示：

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

Answer 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 博士的提示...

Answer 2

没有 !important 也可以工作，如果不需要，不应该使用 !important。

.map_canvas img {
    max-width: none;
}