Fix: Diese Seite kann Google Maps nicht richtig laden

Wie Geht's?



Versuchen Sie Unser Instrument, Um Probleme Zu Beseitigen

Google Maps ist ein webbasierter Kartendienst, der geografische Regionen und Straßenkarten für jeden Ort der Welt bereitstellt. Einige Websitebesitzer erhalten jedoch den Fehler “ Diese Seite kann Google Maps nicht korrekt laden Anstatt die Google Map zu laden. Dieser Fehler kann auch als „ Diese Seite hat Google Maps nicht richtig geladen. Technische Details finden Sie in der JavaScript-Konsole ”.



Hoppla! Es ist ein Fehler aufgetreten. Diese Seite hat Google Maps nicht korrekt geladen



Hinweis: Diese Lösung richtet sich an Websitebesitzer und nicht an herkömmliche Benutzer.



Was führt dazu, dass Google Maps nicht richtig geladen wird?

Google Karte Plugins würden ohne Fehler hervorragend funktionieren, aber die Dinge haben sich in den letzten Jahren geändert, als Google seine Regeln für Websites mit eingebetteten Karten geändert hat. Website-Besitzer konnten dies zuvor nur mit dem eingebetteten Code zum Laufen bringen. Jetzt benötigen sie den API-Schlüssel, damit Google Map ordnungsgemäß funktioniert. Wenn Sie den API-Schlüssel bereits hinzugefügt haben, können Sie in Chrome auf der Registerkarte 'Element überprüfen -> Konsole' den genauen Grund anzeigen, warum Google Maps auf Ihrer Website nicht zulässt. Dies kann auf einen falschen Schlüssel, einen eingeschränkten Schlüssel usw. zurückzuführen sein.

Fügen Sie Ihren Website-Einstellungen den Google API-Schlüssel hinzu

Damit Google Map für Ihr Projekt oder Ihre Website funktioniert, müssen Sie den Google API-Schlüssel erstellen und in den Einstellungen Ihrer Website hinzufügen. Sie müssen sich bei Google Developers anmelden, um den Schlüssel zu erstellen und andere Fehler zu beheben.

Wenn Sie das Skript für Karten manuell eingefügt haben, sollte es mit Ihrem API-Schlüssel anstelle von YOUR_API_KEY wie folgt aussehen



  asynchron verschieben src='https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY& callback = initMap 'Art='Text / Javascript'>

Da WordPress mit über 172 Millionen Websites das beliebteste CMS auf dem Markt ist; Wir werden die Schritte nur für WordPress demonstrieren.

  1. Gehen Sie zu den Plugin-Einstellungen, je nachdem, was Sie für Google Maps verwenden, und es sollte eine Option zum Hinzufügen des API-Schlüssels geben. Wenn es nicht vorhanden ist, verwenden Sie wahrscheinlich eine ältere Version eines Plugins oder ein veraltetes Plugin.

    Google API-Plugins in WordPress

  2. Lassen Sie die Einstellungen für den API-Schlüssel auf Ihrem Computer offen WordPress-Site .
  3. Gehe zu Google Cloud Resource Manager
  4. Melden Sie sich bei Google an, falls Sie noch nicht angemeldet sind
  5. Klicken ' Projekt erstellen ', Benennen Sie das Projekt und klicken Sie auf' Erstellen ''

    Ein Projekt erstellen

  6. Gehe zu Google-Aktivierungs-API Website.
  7. Klicken ' Wählen Sie ein Projekt aus Wählen Sie dann oben das neue Projekt aus, das Sie gerade erstellt haben, und Fortsetzen
  8. Drücken Sie ' Aktivieren Sie APIs und Dienste ''
  9. Suchen nach ' Ordnet die JavaScript-API zu Und öffne es
  10. Drücken Sie dann die Taste „ Aktivieren ' Taste

    Aktivieren der API für das Projekt

  11. Klicken Sie auf das Navigationsmenü und wählen Sie „ APIs & Services 'Und gehe zu' Referenzen ''
  12. Klicken Sie auf die Dropdown-Liste Anmeldeinformationen erstellen und wählen Sie „ API-Schlüssel ''
    Hinweis : Sie können den Restrict Key festlegen, um die unbefugte Verwendung zu verhindern, wenn Sie möchten
  13. Klicken ' Schließen Klicken Sie dann auf den erstellten Schlüssel
  14. Wählen ' HTTP-Verweise ”In Anwendungsbeschränkungen
  15. Fügen Sie Ihre Website-URL hinzu und klicken Sie auf „ sparen ''
  16. Kopieren Sie nun den Schlüssel und kehren Sie zur WordPress-Site zurück

    Erstellen des API-Schlüssels für die Site

  17. Scrollen Sie unter dem linken Bereich nach unten und gehen Sie zu „ die Einstellungen ''
  18. Sie finden eine Option für “ Google API-SCHLÜSSEL ”, Öffne das und füge dort den Schlüssel ein.
  19. Speichern Sie die Einstellungen, gehen Sie zu Ihrer Seite und aktualisieren Sie sie.

Hinweis: Stellen Sie sicher, dass Ihre Abrechnung aktiviert wurde, da Google nur Guthaben im Wert von 300 USD oder 12 Monate kostenlose Nutzung zulässt (je nachdem, was schneller abnimmt). Danach muss die Abrechnung eingerichtet und implementiert werden.

2 Minuten gelesen