indicatore di google maps stranamente allungato numero

Question

Sto vivendo uno strano comportamento di google maps (vedi immagine allegata) qualcuno sa come potrebbe arrivare? Qualcuno l'ha mai provato prima?

codice

sotto

<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

Ho visto varie forme di piastrelle allungati e controlli distorte, ma questa è la prima volta che vedo i marcatori e le ombre allungate. Se siamo fortunati, aggiungendo queste linee al tuo CSS o stili, toglierai la mappa e gli indicatori.

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

Ho provato il codice allegato e sembra OK così com'è.

Answer 2

Stai usando twitter bootstrap? In tal caso, provare ad aggiungere il seguente foglio di stile.

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