Wie bekomme ich googlemaps api key, um an localhost zu arbeiten?
Ich habe einen API-Schlüssel erstellt und unter Verweisen Folgendes hinzugefügt:
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?
Antworten:
Sie können diesem Weg folgen. Es funktioniert zumindest bei mir:
auf der Seite mit den Anmeldeinformationen:
Option mit IP-Adresse auswählen (Option Nr. 3).
Geben Sie Ihre IP-Adresse von Ihrem Provider ein. Wenn Sie dies nicht tun, suchen 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, damit sich Ihr API-Schlüssel weitergeben kann.
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 Ihren Schlüssel nicht online Jägern aussetzen.
Ich hatte das gleiche Problem und alle Versuche, die Einschränkungen in meiner localhost-Umgebung zum Laufen zu bringen, waren nicht erfolgreich, bis ich ein separates Apikey speziell für die Entwicklung erstellt und dann die Einschränkungen entfernt habe. Ich verwende diesen Schlüssel jedoch nicht in der Produktionsumgebung. 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 wahrscheinlich in Zukunft mit diesem Problem konfrontiert werden, ist dies der beste Weg.
Ich schätze, ich bin etwas spät dran für die Party, und obwohl ich damit einverstanden bin, dass das Erstellen eines separaten Schlüssels für Entwicklung (localhost) und Produkt möglich ist, ist es möglich, beides in nur einem Schlüssel zu tun.
Wenn Sie Anwendungsbeschränkungen -> http-Verweise -> Website-Einschränkungen verwenden, können Sie Platzhalter-URLs eingeben.
Verwenden Sie jedoch einen Platzhalter wie .localhost / oder .localhost: {port}. (wenn schon .yourwebsite.com / * ) scheint nicht zu funktionieren.
Nur ein einzelnes * zu setzen, funktioniert, aber dies gibt Ihnen im Grunde einen unbegrenzten Schlüssel, der auch nicht das ist, was Sie wollen.
Wenn Sie den vollständigen Pfad ohne Verwendung des Platzhalters * einfügen, funktioniert dies auch. In meinem Fall gilt Folgendes:
http: // localhost {port} /
http: // localhost : {port} / etwas anderes / hier
Damit funktionieren die Google Maps sowohl lokal als auch auf www.yourwebsite.com mit demselben API-Schlüssel.
Auf jeden Fall würde ich raten, dies zu tun, wenn 2 separate Schlüssel ebenfalls eine Option sind.
In diesem Tutorial erfahren Sie, wie Sie Google Maps zum Testen auf localhost verwenden.
- Klicken Sie auf diesen Link und folgen Sie den Anweisungen (neues Projekt erstellen, API-Schlüssel> Browser-Schlüssel, 'localhost'-Domain 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:
Hoffe das hilft!
Sie haben den spezifischen Fehler in der JavaScript - Konsole (zB prüfen Ctrl+ Shift+ Kin 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:
Leeren Sie nach einigen Codeänderungen den Browser-Cache nach Bedarf.
Falls andere Fehler auftreten, können Sie die Dokumentationsseite der Google Maps API- Fehlercodes überprüfen .
Wenn "Anfragen von diesen HTTP-Referrern (Websites) annehmen (optional)" angezeigt wird, muss kein Referrer aufgeführt sein. Klicken Sie also auf das X neben localhost auf dieser Seite, aber verwenden Sie weiterhin Ihren Schlüssel.
Es sollte dann nach ein paar Minuten funktionieren.
Änderungen können manchmal einige Minuten dauern, bis sie wirksam werden. Warten Sie daher einige Minuten, bevor Sie sie erneut testen.