2016-06-23 6 views
119

Die folgenden JavaScript-Fehler plötzlich:ERROR: Google Maps-API-Fehler: MissingKeyMapError

Google Maps API error: Google Maps API error: MissingKeyMapError

+0

Fügen Sie einen Schlüssel in Ihr API-Include ein? – geocodezip

+0

Eine Sache, die ich hinzufügen muss, ist, dass wir zusätzlich zu dem API-Schlüssel die spezifische API aktivieren müssen, die wir verwenden, auch in der Google-Konsole – Binod

Antwort

78

Per Google recent announcement, Nutzung des Google Maps-APIs erfordert jetzt einen Schlüssel. Wenn Sie das Google Maps-API auf localhost verwenden oder Ihre Domain vor dem 22. Juni 2016 nicht aktiv war, wird ein Schlüssel benötigt. In der Dokumentation zu Google Maps-APIs finden Sie einen Schlüssel, der Sie zu Ihrer Anwendung hinzufügen können.

+2

Fast diese Cutoff-Zeit um einen Monat ... –

0

Das Skriptelement, das die API lädt, fehlt der erforderliche Authentifizierungsparameter. Wenn Sie die Standard-Maps-JavaScript-API verwenden, müssen Sie einen Schlüsselparameter mit einem gültigen API-Schlüssel verwenden. Wenn Sie ein Premium-Plan-Kunde sind, müssen Sie entweder einen Client-Parameter mit Ihrer Client-ID oder einen Schlüsselparameter mit einem gültigen API-Schlüssel verwenden.

Siehe die Anleitung zu API keys and client IDs.

+0

Das Kopieren des Textes direkt aus der Dokumentation, auf die die Fehlermeldung verweist, ist überhaupt nicht sinnvoll. – pvgoran

+0

stimme mit @pvgoran überein. Fügen Sie nicht einfach einen Link ein, zeigen Sie die relevanten Informationen aus dem Link und verwenden Sie ihn als Referenz für den vollständigen Text, wenn der Fragesteller mehr erfahren möchte. – Ero

110

Ja. Nun möchte Google einen API-Schlüssel, um Benutzer für den Zugriff auf ihre APIs zu authentifizieren..

Sie können den API-Schlüssel über den folgenden Link abrufen. Gehe durch den Link und du musst ein Projekt eingeben und so weiter. Aber es ist einfach. Problemlos.

https://developers.google.com/maps/documentation/javascript/get-api-key

Sobald Sie die API-Schlüssel Änderung der vorherigen

<script src="https://maps.googleapis.com/maps/api/js"></script> 

zu

<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=your_api_key_here"></script> 

Jetzt ist Ihre google map erhalten, ist in Aktion. Falls Sie sich fragen, ob Sie den Längengrad und den Breitengrad in Maps eingeben können. Fixieren Sie einfach den gewünschten Ort und überprüfen Sie die URL des Browsers. Sie können Längen- und Breitengrad dort sehen. Kopieren Sie einfach diese Werte und fügen Sie sie wie folgt ein.

new google.maps.LatLng(longitude ,latitude) 
+1

Hilft mir sehr. –

0

aktualisieren django-Geoposition mindestens auf Version 0.2.3 und dieses in den settings.py:

GEOPOSITION_GOOGLE_MAPS_API_KEY = 'YOUR_API_KEY' 
16

Alle Google Maps JavaScript-API-Anwendungen erfordern eine Authentifizierung (API KEY)

  1. Gehen Sie zu https://developers.google.com/maps/documentation/javascript/get-api-key.
  2. Anmeldung mit Google-Konto
  3. Klicken Sie auf einen Tastenknopf 3 Wählen erhalten oder ein Projekt
  4. Klicken Sie erstellen auf Aktivieren API (Google Maps API)
  5. Kopieren Sie Ihren API-Schlüssel in Ihrem Projekt: <script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=(Paste YOUR API KEY)"></script>
+0

funktioniert es wie ein Zauber, doch muss ich den Api-Schlüssel ** verstecken? ** Ist Ihr Ansatz sicher? ** –

+0

@KickButtowski sollten Sie Ihren Schlüssel durch HTTP-Referrer oder einen anderen Weg einschränken – Ero