GoogleMaps wird beim Laden der Seite nicht geladen

8

Ich kann meine Karte nicht mit der GoogleMaps API V3 ausführen. Die Karte wird nicht geladen. Ich würde erwarten, dass die Karte im div mit der ID gisMap erscheint, aber im Chrome Debugger bekomme ich die Nachricht:

%Vor%

JavaScript

%Vor%

Bundle.js (Auszug)

%Vor%

HTML

%Vor%

SCSS

%Vor%     
sesc360 25.12.2015, 21:48
quelle

6 Antworten

29

Stellen Sie sicher, dass die initMap -Funktion von im globalen Bereich sichtbar ist oder der als Callback an Google maps.js übergebene Parameter ordnungsgemäß namespaced ist. In Ihrem Fall wird die schnellste Lösung ersetzt:

%Vor%

zu:

%Vor%

oder Namespaceversion:

%Vor%

// Bearbeiten:

Ich sehe, dass Sie in Ihrem Code-Snippet einige asynchrone Module laden (require.js?) und der Code, in dem Sie die window.initMap-Funktion erstellen, nicht ausgeführt wird, wenn Sie das Modul aufrufen, das diese Deklaration enthält. Daher haben Sie die erste Bedingung, die ich erwähnt habe, nicht erfüllt - die initMap muss vom globalen Bereich aus sichtbar sein, bevor Sie google maps.js aufrufen.

    
Marcin Zablocki 25.12.2015, 22:04
quelle
7

Stellen Sie einfach sicher, dass das Skriptelement mit der initMap-Funktion vor dem google maps api-Skriptelement in Ihrem HTML steht. Auch die in den Google-Beispielen enthaltenen asynchronen Verzögerungsattribute können das Problem verursachen. Entfernen Sie einfach diese Attribute.

%Vor%     
Ron Royston 30.03.2016 22:10
quelle
1

versuchen:

%Vor%     
Display Name 09.05.2017 14:53
quelle
0

Ich habe die Antwort:)

Nach ein bisschen herumfummeln. Ich habe festgestellt, dass die js-Datei mit Ihrer Google Maps-Funktion nicht async

sein sollte

Also in meinem Fall

%Vor%

wurde

%Vor%

Dies bedeutet nicht, dass der Google Maps-API-Aufruf keine asynchronen und / oder verzögerten Attribute enthalten darf!

Dh, mein Aufruf sieht so aus und kommt vor der lokalen Datei home.js

%Vor%     
Showcase Imagery 13.07.2017 11:39
quelle
0

Ich hatte das gleiche Problem. Gelöst durch Verschieben:

%Vor%

nach:

%Vor%

Ich hoffe, es wird jemandem helfen ...

    
Wim Rotor 29.07.2017 19:31
quelle
-1

Fügen Sie async defer am Ende von Google Maps API wie folgt hinzu

<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=YOUR API KEY HERE&callback=initMap" async defer></script>

Ich hoffe, es wird gut funktionieren.

    
Adi 01.07.2016 09:14
quelle

Tags und Links