標準標記在谷歌地圖太小

我實現一個位置選擇器像這樣的： http://m.rhinvivant-lebendigerrhein.eu/geopick.php?raz=1 標準標記在谷歌地圖太小

但是，當我在我的環境加載代碼的位置標記突然小，加載頁面後壓扁（見圖像1 ）。然後，我拖動標記周圍，它變得更小（見image2）。

google maps marker too small

有沒有人見過這樣的事？這將有助於得到一個提示，我可以如何解決這個問題，或者我犯了什麼錯誤。

即如何解決我的標記的大小？

我的代碼如下所示：

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

來源

2012-09-19 patrics

我有鏈接的網頁沒有問題。 –

在3個瀏覽器中嘗試鏈接頁面 - 沒有問題。您是否安裝了可能會干擾的瀏覽器擴展程序？ –

來澄清，鏈接的頁面對我來說也很好。我想這個bug艙口時，我包括示例代碼到我的項目 – patrics

的問題確實是一個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; 
}

感謝莫爾博士的提示...

來源

2012-09-25 14:57:11 patrics

你剛剛爲我節省了很多時間。感謝提示！ – demogar

我被困在這個問題上，以及在使用的基礎架構 - 謝謝你救了我的時間！哈哈！ – Fruxelot

救了我，地獄呀！ – Phius

作品沒有！重要的是，和！如果它並不需要是重要的，不應使用。

.map_canvas img { 
    max-width: none; 
}

來源

2013-02-27 19:23:21

標準標記在谷歌地圖太小

回答

相關問題