web-dev-qa-db-de.com

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?

52
adam78

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.

78
mirzaei.sajad

Sie können diesem Weg folgen. Das funktioniert zumindest bei mir:

auf der Berechtigungsnachweisseite:

  1. Option mit IP-Adresse auswählen (Option Nr. 3).

  2. 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

  3. Speichern Sie es.

  4. Ändern Sie Ihren Google Map-Link wie folgt zwischen dem Scrip-Tag:

    https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzxxxxxxxx "

  5. Warten Sie mindestens 5 Minuten, bis sich Ihr API-Schlüssel verbreitet hat.

Jetzt sollte Ihre Google Map funktionieren.

8
Sulung Nugroho

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.

3
user1556937

Sie können diesem Tutorial folgen, wie Sie Google Maps zum Testen auf localhost verwenden.

Überprüfen Sie diese verwandten SO Threads:

Hoffe das hilft!

1
abielita

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:

  1. MissingKeyMapError >> Google Maps API-Schlüssel abrufen (aber auch Alternative Nr. 2 in Betracht ziehen)
  2. RefererNotAllowedMapError >> Registrieren Sie Ihren localhost: port in Ihrem google developer dashboard .
  3. ApiNotActivatedMapError >> Aktivieren der Google Maps-API in Seite der Google API-Bibliothek
  4. 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.

0
Santosa Sandy

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.

0
GMC