Clé API Google Maps pour Localhost
Comment obtenir la clé api googlemaps pour travailler sur localhost?
J'ai créé une clé API et, sous les référents, j'ajoute 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'exclus la clé API, cela ne fonctionne pas non plus?
1- D'abord, allez à cette adresse: https://console.developers.google.com/apis
2- créer une clé d'api pour votre projet,
3- cliquez sur Bibliothèque et
4- cliquez sur n'importe quelle api que vous voulez,
5- cliquez sur Activer (en haut à droite),
6- cliquez sur Credentials, cliquez sur edit key
7- dans "Restriction de clé", sélectionnez "Référents HTTP (sites Web)"
8- puis tapez l'adresse de votre site Web ou "localhost" (pour le test dans localhost) dans le champ textbox et entrez pour ajouter à la liste, (ajoutez "localhost", "127.0.0.1", "localhost: port", etc.)
9- utilisez ensuite la clé dans votre projet.
Vous pouvez suivre cette voie. Cela fonctionne au moins pour moi:
dans la page Credential:
Sélectionnez une option avec une adresse IP (option n ° 3).
Indiquez votre adresse IP auprès de votre fournisseur. Si vous ne le faites pas, recherchez votre adresse IP à l'aide du lien suivant: https://www.google.com/search?q=my+ip
Sauvegarde le.
Modifiez le lien de votre carte Google comme suit entre les balises de script:
https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzxxxxxxxx "
Attendez environ 5 minutes ou plus pour laisser votre clé API se propager.
Maintenant, votre carte Google devrait fonctionner.
Si vous travaillez sur localhost, créez une clé API distincte pour votre développement, puis supprimez les restrictions associées à cette clé afin que votre hôte local puisse l'utiliser. N'oubliez pas de ne pas utiliser cette clé lors de la production afin de ne pas exposer votre clé aux chasseurs en ligne.
J'ai eu le même problème et toutes les tentatives pour que les restrictions fonctionnent sur mon environnement localhost ont échoué jusqu'à ce que je crée un journal distinct distinct pour le développement, puis que je supprime ses restrictions. Cependant, je n'utilise pas cette clé dans un environnement de production et une fois les développements terminés, je supprime immédiatement la clé API.
Je sais que ce post est en retard, mais pour les personnes qui feront probablement face à ce problème à l'avenir, c'est la meilleure voie à suivre.
Vous pouvez suivre ceci tutoriel sur l'utilisation de Google Maps pour tester sur localhost.
- Cliquez sur ce lien et suivez le processus (créer un nouveau projet, clé API> clé de navigateur, enregistrer le domaine 'localhost'): https://console.developers.google.com//flows/enableapi?apiid=maps_backend&keyType= CLIENT_SIDE & reusekey = true
- Générer la clé
- Déployez le widget Google Maps comme décrit ici: http://www2.microstrategy.com/producthelp/10/GISHelp/Lang_1033/GIS_Integration.htm
- Ajoutez votre clé d'API Google Maps à googleConfig.xml (comme indiqué dans le lien précédent) ENTER_YOUR_KEY_HERE.
- Redémarrer le serveur Web
Vérifiez ces threads liés SO:
- La clé de l'API Google Maps v3 ne fonctionnera pas pour les tests locaux
- Comment utiliser Google Maps api simple sur localhost
- L'API de Google Maps v3 pour localhost ne fonctionne pas
J'espère que cela t'aides!
Vous devez vérifier l’erreur spécifique dans la console javascript (par exemple, Ctrl + Shift + K dans Firefox pour Windows).
Selon Steven Gliebe (2016) , il existe quatre cas courants pour ce problème. Si je peux résumer, comme ceci:
- MissingKeyMapError >> Obtenir la clé de l'API Google Maps (mais considérez également la variante n ° 2)
- RefererNotAllowedMapError >> Enregistrez votre localhost: port dans votre tableau de bord de développeur Google .
- ApiNotActivatedMapError >> Activation de l'API Google Maps dans page de la bibliothèque Google API
- InvalidKeyMapError >> Ajoutez votre clé à vos scripts/codes correctement
Après avoir modifié le code, veuillez vider le cache de votre navigateur si nécessaire.
Si d'autres erreurs se produisent, vous pouvez consulter l'API Google Maps Documentation sur les codes d'erreur page.
Où il est indiqué "Accepter les demandes de ces référents HTTP (sites Web) (facultatif)", vous n'avez pas besoin de référencer de référent. Alors cliquez sur le X à côté de localhost sur cette page, mais continuez à utiliser votre clé.
Cela devrait alors fonctionner après quelques minutes.
Les modifications apportées peuvent parfois prendre quelques minutes avant de prendre effet. Attendez quelques minutes avant de tester à nouveau.