google maps marker merkwürdig gestreckt ausgabe

Question

ich erlebe ein seltsames verhalten von google maps (siehe beigefügtes bild) weiß jemand wie das kommen könnte? Hat das schon jemand erlebt?

Code unten

<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> 

Answer 1

habe ich verschiedene Formen von gestreckten Fliesen und verzerrt Kontrollen gesehen, aber dies ist das erste Mal, dass ich gespannt Markierungen und Schatten zu sehen. Wenn wir Glück haben, wird das Hinzufügen dieser Linien zu Ihrem CSS oder Ihren Stilen die Karte und die Markierungen strecken.

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

Ich habe versucht, Ihren beigefügten Code und es sieht OK aus, wie es ist.

Answer 2

Verwenden Sie Twitter Bootstrap? Wenn ja, versuchen Sie, das folgende Stylesheet hinzuzufügen.

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