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