Bei der Implementierung von Google Maps mit der Javascript-API scheint die ganze Karte nicht für mich geladen zu werden.

Question

Ich bekomme große Graubereiche, die nie ausfüllen - auch wenn ich zoome. Sie können hier ein Beispiel anzeigen - http://birdbrain.vernerwebstudio.com/professional-development/. Das hat vorher gut funktioniert, aber eines Tages begann es plötzlich damit. Ich habe alle benutzerdefinierten Funktionen entfernt, die hinzugefügt wurden, weil ich dachte, dass dies das Problem war. Irgendwelche Ideen?

Answer 1

Sie haben einige Styling in der style-custom.css-Datei festgelegt, die die Bilder von der Karte beeinflusst (<img> Elemente):

#pln-map .gm-style-iw img, #pln-map .gm-style img { 
    height: 145px; 
    width: 145px; 
    border-radius: 50%; 
    display: block !important; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 10px; 
} 

Am wichtigsten ist: border-radius: 50%;