谷歌地圖標記奇怪地伸展問題

我正在經歷一個奇怪的谷歌地圖行爲（見附圖）有沒有人知道這可能會怎麼樣？有沒有人經歷過之前？下面谷歌地圖標記奇怪地伸展問題

<script> 
<!-- 
    var map_geolocation; 

    function savePosition_geolocation(point) 
    { 
     var input = document.getElementById("id_geolocation"); 
     input.value = point.lat().toFixed(6) + "," + point.lng().toFixed(6); 
     map_geolocation.panTo(point); 
    } 

    function load_geolocation() { 
     var point = new google.maps.LatLng(50.728632, 9.111587); 

     var options = { 
      zoom: 13, 
      center: point, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
      // mapTypeControl: true, 
      // navigationControl: true 
     }; 

     map_geolocation = new google.maps.Map(document.getElementById("map_geolocation"), options); 

     var marker = new google.maps.Marker({ 
       map: map_geolocation, 
       position: new google.maps.LatLng(50.728632, 9.111587), 
       draggable: true 

     }); 
     google.maps.event.addListener(marker, 'dragend', function(mouseEvent) { 
      savePosition_geolocation(mouseEvent.latLng); 
     }); 

     google.maps.event.addListener(map_geolocation, 'click', function(mouseEvent){ 
      marker.setPosition(mouseEvent.latLng); 
      savePosition_geolocation(mouseEvent.latLng); 
     }); 

    } 

    $(function() { 
     load_geolocation(); 
    }); 

//--> 
</script> 
     <input type="hidden" name="geolocation" value="50.728632,9.111587" id="id_geolocation" /><div id="map_geolocation" style="width: 400px; height: 300px"></div>

來源

2012-05-30 niklas

我注意到，當我的MarkerOptions刪除拖動它看起來正常 – niklas

after dragging close 代碼，我已經看到了各種形式的拉伸瓷磚和扭曲的管制，但這是我第一次看到拉伸標記和陰影。如果我們幸運的話，將這些行添加到CSS或樣式中將會使地圖和標記無法拉伸。

#map_geolocation label { width: auto; display:inline; } 
#map_geolocation img { max-height: none; max-width: none; }

我試過你的附加代碼，它看起來確實是這樣。

來源

2012-05-30 17:55:12

YJIPPEPYPYPPYYYYYYYYYY – niklas

這有助於unstretch的平移和縮放控件，當我建立一個響應映射。乾杯! –

您是否使用twitter bootstrap？如果是這樣，請嘗試添加以下樣式表。

div#map_geolocation img { 
    max-width:none; 
}

來源

2012-06-07 16:30:49 bakabona

是的，這工作就像一個魅力！忘了TB與IMG寬度混淆。 –

谷歌地圖標記奇怪地伸展問題

回答

相關問題