Google Maps API-Schlüssel für Localhost
Wie bekomme ich Google Maps API-Schlüssel, um auf localhost zu arbeiten?
Ich habe einen API-Schlüssel erstellt und füge unter Verweise Folgendes hinzu:
Accept requests from these HTTP referrers (websites) (Optional)
Use asterisks for wildcards. If you leave this blank, requests will be
accepted from any referrer. Be sure to add referrers before using this key
in production.
localhost
Dies funktioniert nicht und wenn ich den API-Schlüssel ausschließe, funktioniert es auch nicht?
1- Gehen Sie zunächst zu dieser Adresse: https://console.developers.google.com/apis
2- Erstellen Sie einen API-Schlüssel für Ihr Projekt.
3- Klicken Sie auf Bibliothek und
4- Klicken Sie auf eine beliebige API,
5- Klicken Sie auf Aktivieren (oben rechts).
6- Klicken Sie auf Anmeldeinformationen und dann auf Schlüssel bearbeiten
7- Wählen Sie unter "Schlüsselbeschränkung" die Option "HTTP-Verweise (Websites)" aus.
8- Geben Sie dann Ihre Website-Adresse oder "localhost" (zum Testen in localhost) in das Textfeld ein und geben Sie "localhost", "127.0.0.1", "localhost: port" und so weiter als "zur Liste hinzufügen" ein.
9- dann benutze den Schlüssel in deinem Projekt.
Sie können diesem Weg folgen. Das funktioniert zumindest bei mir:
auf der Berechtigungsnachweisseite:
Option mit IP-Adresse auswählen (Option Nr. 3).
Geben Sie Ihre IP-Adresse von Ihrem Provider ein. Wenn dies nicht der Fall ist, durchsuchen Sie Ihre IP-Adresse über diesen Link: https://www.google.com/search?q=my+ip
Speichern Sie es.
Ändern Sie Ihren Google Map-Link wie folgt zwischen dem Scrip-Tag:
https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzxxxxxxxx "
Warten Sie mindestens 5 Minuten, bis sich Ihr API-Schlüssel verbreitet hat.
Jetzt sollte Ihre Google Map funktionieren.
Wenn Sie an localhost arbeiten, erstellen Sie einen separaten API-Schlüssel für Ihre Entwicklung und entfernen Sie dann die Einschränkungen für diesen Schlüssel, damit Ihr localhost ihn verwenden kann. Denken Sie daran, diesen Schlüssel nicht für die Produktion zu verwenden, damit Sie ihn nicht online für Jäger verfügbar machen.
Ich hatte das gleiche Problem und alle Versuche, die Einschränkungen in meiner localhost-Umgebung zum Laufen zu bringen, waren nicht erfolgreich, bis ich einen separaten Apikey speziell für die Entwicklung erstellt und dann die Einschränkungen entfernt habe. Ich verwende diesen Schlüssel jedoch nicht in der Produktionsumgebung und sobald ich mit den Entwicklungen fertig bin, werde ich den API-Schlüssel sofort löschen.
Ich weiß, dass dieser Beitrag zu spät ist, aber für Leute, die dieses Problem wahrscheinlich in Zukunft haben werden, ist dies der beste Weg.
Sie können diesem Tutorial folgen, wie Sie Google Maps zum Testen auf localhost verwenden.
- Klicken Sie auf diesen Link und befolgen Sie den Vorgang (neues Projekt erstellen, API-Schlüssel> Browserschlüssel, Domain 'localhost' registrieren): https://console.developers.google.com//flows/enableapi?apiid=maps_backend&keyType=) CLIENT_SIDE & reusekey = true
- Generieren Sie den Schlüssel
- Stellen Sie das Google Maps-Widget wie hier beschrieben bereit: http://www2.microstrategy.com/producthelp/10/GISHelp/Lang_1033/GIS_Integration.htm
- Fügen Sie Ihren Google Maps-API-Schlüssel zu googleConfig.xml hinzu (wie im vorherigen Link beschrieben). ENTER_YOUR_KEY_HERE
- Starten Sie den Webserver neu
Überprüfen Sie diese verwandten SO Threads:
- Der Google Maps v3-API-Schlüssel kann nicht für lokale Tests verwendet werden.
- Verwendung von Google Maps Simple API auf LocalHost
- Google Maps v3 api für localhost funktioniert nicht
Hoffe das hilft!
Sie müssen den spezifischen Fehler in der Javascript-Konsole überprüfen (z. Ctrl + Shift + K in Firefox für Windows).
Laut Steven Gliebe (2016) gibt es vier häufige Fälle für dieses Problem. Wenn ich es so zusammenfassen darf:
- MissingKeyMapError >> Google Maps API-Schlüssel abrufen (aber auch Alternative Nr. 2 in Betracht ziehen)
- RefererNotAllowedMapError >> Registrieren Sie Ihren localhost: port in Ihrem google developer dashboard .
- ApiNotActivatedMapError >> Aktivieren der Google Maps-API in Seite der Google API-Bibliothek
- InvalidKeyMapError >> Fügen Sie Ihren Skripten/Codes ordnungsgemäß Ihr Schlüssel hinzu
Leeren Sie nach einigen Codeänderungen Ihren Browser-Cache nach Bedarf.
Falls andere Fehler auftreten, können Sie die Seite Google Maps API Fehlercode-Dokumentation überprüfen.
Dort, wo "Anfragen von diesen HTTP-Verweisen (Websites) annehmen (optional)" steht, muss kein Verweis aufgeführt sein. Klicken Sie also auf dieser Seite auf das X neben localhost, und verwenden Sie Ihren Schlüssel weiterhin.
Es sollte dann nach ein paar Minuten funktionieren.
Es kann einige Minuten dauern, bis Änderungen wirksam werden. Warten Sie daher einige Minuten, bevor Sie den Test erneut durchführen.