Google Maps marcador extraño problema

Question

Estoy experimentando un comportamiento extraño de los mapas de google (ver imagen adjunta) ¿alguien sabe cómo podría venir? ¿Alguien ha experimentado eso antes?

código

continuación

<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

he visto varias formas de baldosas estiradas y los controles distorsionadas, pero esta es la primera vez que veo a los marcadores y las sombras estiradas. Si tenemos suerte, al agregar estas líneas a su CSS o estilos, se estirarán el mapa y los marcadores.

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

He probado el código adjunto y se ve bien tal como está.

Answer 2

¿Estás usando twitter bootstrap? Si es así, intente agregar la siguiente hoja de estilo.

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