La fenêtre d'information de Google Map ne s'affiche pas correctement

Question

L'infowindow ne s'affiche pas correctement sur ma carte lorsque vous cliquez sur un marqueur. Le site est ici.

Vous remarquerez également que le contrôle de la carte n'est pas correctement affiché non plus.

     var map;
    var locations = <?php print json_encode(di_get_locations()); ?>;
    var markers = []
    jQuery(function($){
        var options = {
            center: new google.maps.LatLng(51.840639771473, 5.8587418730469),
            zoom: 8,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById("map_canvas"), options);

        for (var i=0; i < locations.length;i++) {
            makeMarker(locations[i]);
        }
        centerMap();

    });
    function makeMarker(location) {
        var markerOptions = {map: map, position: new google.maps.LatLng(location.lat, location.lng)};
        var marker = new google.maps.Marker(markerOptions);
        markers.push(marker);
        var content = '';

        var infowindow = new google.maps.InfoWindow(
          { content: "test",
            size: new google.maps.Size(50,50),
            disableAutoPan : true
          });


        google.maps.event.addListener(marker, 'click', function(e) {
            infowindow.open(map,marker);
        });
    }
    function centerMap() {
      map.setCenter(markers[markers.length-1].getPosition());
    }
 

Remarque: j'utilise Google Maps JS V3.

Answer 1

Le problème est forcé par ce format dans style.css:

 img {
    height: auto;
    max-width: 100%;/* <--the problem occures here*/
}
 

Ajoutez ceci à la fin de votre style.css pour appliquer la valeur par défaut pour les images à l'intérieur de la carte:

 #map_canvas img{max-width:none}
 

Answer 2

Le problème peut être que vous utilisez img{ max-width: 100%; } comme universel.

Essayez celui-ci dans votre CSS

 .gmnoprint img {
    max-width: none; 
}
 

Answer 3

Dans le cas Magento, les commandes de zoom de la carte Google ne s'affichaient pas en raison d'un conflit avec la bibliothèque PROTOTYPE.