ERREUR: erreur de l'API Google Maps: MissingKeyMapError


137

L'erreur JavaScript suivante est soudainement apparue:

Erreur de l'API Google Maps: erreur de l'API Google Maps: MissingKeyMapError


Incluez-vous une clé dans votre API?
geocodezip le

Une chose que je dois ajouter est qu'en plus de la clé api, nous devrons "activer" l'API spécifique que nous utilisons également dans la console Google
Binod Kalathil

Réponses:


123

Oui. Maintenant, Google veut une clé API pour authentifier les utilisateurs pour accéder à leurs API .

Vous pouvez obtenir la clé API à partir du lien suivant. Passez par le lien et vous devez entrer un projet et ainsi de suite. Mais c’est facile. Sans tracas.

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

Une fois que vous avez obtenu la clé API, changez la précédente

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

à

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

Maintenant, votre google map est en action. Au cas où vous vous demanderiez d'obtenir la longitude et la latitude à saisir dans Maps. Épinglez simplement l'emplacement souhaité et vérifiez l'URL du navigateur. Vous pouvez y voir les valeurs de longitude et de latitude. Copiez simplement ces valeurs et collez-les comme suit.

new google.maps.LatLng(longitude ,latitude )

1
M'aide beaucoup.
Siddiqui Noor

78

Selon l' annonce récente de Google , l'utilisation des API Google Maps nécessite désormais une clé. Si vous utilisez l'API Google Maps sur localhost ou que votre domaine n'était pas actif avant le 22 juin 2016, une clé sera nécessaire à l'avenir. Veuillez consulter la documentation des API Google Maps pour obtenir une clé et l'ajouter à votre application.


20

Toutes les applications API JavaScript Google Maps nécessitent une authentification (clé API)

  1. Accédez à https://developers.google.com/maps/documentation/javascript/get-api-key .
  2. Connectez-vous avec un compte Google
  3. Cliquez sur le bouton Obtenir une clé 3 Sélectionnez ou créez un projet
  4. Cliquez sur Activer l'API (API Google Maps)
  5. Copiez VOTRE CLÉ API dans votre projet: <script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=(Paste YOUR API KEY)"></script>

cela fonctionne comme un charme, mais dois-je masquer la clé API ? Votre approche sera-t-elle sûre?
Kick Buttowski

@KickButtowski, vous devriez restreindre votre clé par des référents HTTP ou d'une autre manière
Ero

1

Mettez à jour django-géoposition au moins à la version 0.2.3 et ajoutez ceci à settings.py:

GEOPOSITION_GOOGLE_MAPS_API_KEY = 'YOUR_API_KEY'

1

Le même problème auquel je faisais face il y a quelques mois et c'est parce que la fin de l'utilisation gratuite de google map est effective à partir du 11 juin 2018, je crois. Google ne fournit pas de google maps gratuitement maintenant. Vous devez avoir une clé API valide et une facturation valide utilisée, ce qui peut vous donner 200 $ d'utilisation gratuite.

Reportez-vous au lien pour plus de détails: prix de Google map

Suivez le processus ici pour obtenir votre clé API.

Si vous n'utilisez que des cartes avec un utilisateur spécifique, vous pouvez essayer d'autres outils cartographiques.


0

L'élément de script qui charge l'API n'a pas le paramètre d'authentification requis. Si vous utilisez l'API JavaScript Maps standard, vous devez utiliser un paramètre clé avec une clé API valide. Si vous êtes un client Premium, vous devez utiliser soit un paramètre client avec votre ID client, soit un paramètre clé avec une clé API valide.

Consultez le guide des clés API et des ID client .


Copier le texte directement à partir de la documentation référencée par le message d'erreur n'est pas du tout utile.
pvgoran

d'accord avec @pvgoran. ne collez pas simplement un lien, affichez les informations pertinentes du lien et utilisez-les simplement comme référence au texte intégral si l'interlocuteur veut en savoir plus
Ero

0

vous devez créer un projet et collecter la clé de cette manière:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;language=en&key=()"></script>
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.