106 votes

L'API Googlemaps Clé pour Localhost

Comment puis-je obtenir de l'api googlemaps clés pour travailler sur localhost?

J'ai créé une clé API et sous referers je ajouter ce qui suit:

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

Cela ne fonctionne pas et si j'exclue la clé api il ne marche pas non plus?

163voto

mirzaei.sajad Points 586

1 - d'abord aller à cette adresse: https://console.developers.google.com/apis

2 - créer une clé api pour votre projet,

3 - cliquez sur Bibliothèque et

4 - cliquez sur une api que vous voulez,

5 - cliquez sur "Activer" (en haut à droite),

6 - cliquez sur informations d'Identification, cliquez sur modifier la clé

7 - dans "la Clé de restriction", sélectionnez "HTTP référents (sites web)"

8 - ensuite tapez votre adresse de site web ou de "localhost"(pour l'essai en localhost) dans la zone de texte, puis entrez pour ajouter à la liste (ajouter "localhost", "127.0.0.1", "localhost:port" et etc)

9 - ensuite, utilisez la clé dans votre projet..

13voto

Sulung Nugroho Points 643

Vous pouvez suivre cette voie. Il travaille au moins pour moi :

dans la page de références :

  1. Sélectionnez l'option adresse IP ( option aucun. 3 ).

  2. Mettez votre adresse IP de votre fournisseur. Si vous n'en avez pas, de recherche, de votre adresse IP par le biais de ce lien : http://www.myipaddress.com/show-my-ip-address/

  3. L'enregistrer.

  4. Changer votre lien google map comme suit entre le scrip tag :

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

  5. Attendez environ 5 minutes ou plus à laisser votre clé API pour se propager.

Maintenant, votre carte de google, il fonctionne.

1voto

abielita Points 8635

Vous pouvez suivre ce tutoriel sur la façon d'utiliser Google Maps pour les tests sur localhost.

Vérifier ces SI threads:

Espérons que cette aide!

1voto

Santosa Sandy Points 47

Vous devez vérifier la spécificité des erreurs dans la console javascript (par exemple, Ctrl + Maj + K dans Firefox pour Windows).

Selon Steven Gliebe (2016), il y a quatre cas pour ce problème. Si je peut la résumer comme ceci:

  1. MissingKeyMapError >> Obtenir de Google Maps API Key (mais aussi d'envisager d'autres pas.2)
  2. RefererNotAllowedMapError >> Inscrivez-vous votre localhost:port dans votre google tableau de bord du développeur.
  3. ApiNotActivatedMapError >> l'Activation de l'API Google Maps dans l'API Google la page de la Bibliothèque
  4. InvalidKeyMapError >> Ajouter votre clé à votre scripts/ codes correctement

Après avoir fait quelques modification de code, pensez à vider le cache de votre navigateur si nécessaire.

Dans le cas où il y a d'autres erreurs, vous pouvez vérifier l'API Google Maps Codes d'Erreur de la Documentation de la page.

0voto

GMC Points 34

Où il est dit "Accepter les demandes provenant de ces HTTP référents (sites web) (Facultatif)" vous n'avez pas besoin de tout référent répertoriés. Alors cliquez sur le X à côté de localhost sur cette page, mais continuer à utiliser votre clé.

Il devrait alors fonctionner après quelques minutes.

Les modifications apportées peuvent parfois prendre quelques minutes pour prendre effet, afin d'attendre quelques minutes avant de refaire un test.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X