Google Map Infowindow wird nicht korrekt angezeigt

Das Infofenster wird nicht korrekt auf meiner Karte angezeigt, wenn Sie auf einen Marker klicken. Die Website ist hier.

Sie werden auch bemerken, dass das Karten-Steuerelement nicht korrekt angezeigt wird.

var map; var 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()); } 

Hinweis: Ich verwende Google Maps JS V3.

    Das Problem wird von diesem Format in style.css erzwungen:

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

    Fügen Sie dies am Ende Ihrer style.css hinzu, um den Standardwert für Bilder in der Map anzuwenden:

     #map_canvas img{max-width:none} 

    Das Problem kann sein, dass Sie img{ max-width: 100%; } img{ max-width: 100%; } als universal.

    Versuchen Sie dieses in Ihrem css

     .gmnoprint img { max-width: none; } 

    In Magento-Fall wurden Google Map-Zoomsteuerelemente aufgrund eines Konflikts mit der PROTOTYP-Bibliothek nicht angezeigt.

    Ich habe das Problem getriggers mit:

     .gmnoprint img { max-height: none; } 

    anstelle von max-width .

    Vielen Dank

    Ich hatte die meisten Antworten im Internet ausprobiert, aber das ist nicht nützlich (funktioniert nicht), ich hatte benutzerdefinierte css und Karte Zoom-Steuerelement hinzugefügt sind auch aktivieren Marker-Klick. Diese Antwort ist auch für diese Frage nützlich

    
         .gmnoprint {
             Anzeige: Block! wichtig
         }
         .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
             Anzeige: Block! wichtig;
         }
         .gm-Neigung {
             Anzeige: keine;
         }
         .gm-iv-Adresse {
             Höhe: 56px;
         }