Google地图中的标准标记太小

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类添加到map 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。

.map_canvas img {
    max-width: none;
}