Comment faire fonctionner la clé API googlemaps sur localhost?
J'ai créé une clé API et sous 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?
Réponses:
Vous pouvez suivre cette voie. Cela fonctionne au moins pour moi:
dans la page d'informations d'identification:
Sélectionnez l'option avec l'adresse IP (option n ° 3).
Mettez votre adresse IP de votre fournisseur. Si vous ne le faites pas, recherchez votre adresse IP en utilisant ce lien: https://www.google.com/search?q=my+ip
Sauvegarde le.
Changez votre lien google map comme suit entre la balise 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.
Votre carte google devrait maintenant fonctionner.
Si vous travaillez sur localhost, créez une clé API distincte pour votre développement, puis supprimez les restrictions sur cette clé afin que votre hôte local puisse l'utiliser. N'oubliez pas de ne pas utiliser cette clé en 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 faire fonctionner les restrictions sur mon environnement localhost ont échoué jusqu'à ce que j'ai créé un apikey séparé spécifiquement pour le développement, puis supprimé ses restrictions. Cependant, je n'utilise pas cette clé sur l'environnement de production, et une fois les développements terminés, je supprimerai la clé API immédiatement.
Je sais que cet article est en retard, mais pour les personnes qui seront probablement confrontées à ce problème à l'avenir, c'est la meilleure voie à suivre.
Je suppose que je suis un peu en retard à la fête, et bien que je sois d'accord que la création d'une clé séparée pour le développement (localhost) et le produit, il est possible de faire les deux en une seule clé.
Lorsque vous utilisez les restrictions d'application -> les référents http -> les restrictions du site Web, vous pouvez entrer des URL génériques.
Cependant, en utilisant un caractère générique comme .localhost / ou .localhost: {port}. (quand déjà .yourwebsite.com / * ) ne semble pas fonctionner.
Le simple fait de mettre un seul * fonctionne mais cela vous donne fondamentalement une clé illimitée qui n'est pas non plus ce que vous voulez.
Lorsque vous incluez le chemin complet sans utiliser le caractère générique *, cela fonctionne également, donc dans mon cas, mettez:
http: // localhost {port} /
http: // localhost : {port} / something-else / here
Fait fonctionner les cartes Google à la fois localement et sur www.yourwebsite.com en utilisant la même clé API.
Quoi qu'il en soit, quand avoir 2 clés séparées est également une option, je vous conseillerais de le faire.
Vous pouvez suivre ce tutoriel sur la façon d'utiliser Google Maps pour tester sur localhost.
- Cliquez sur ce lien et suivez le processus (créer un nouveau projet, clé API> Clé 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é API Google Maps à googleConfig.xml (comme décrit dans le lien précédent) ENTER_YOUR_KEY_HERE
- Redémarrez le serveur Web
Vérifiez ces fils SO associés:
J'espère que cela t'aides!
Vous devez vérifier l'erreur spécifique dans la console javascript (par exemple Ctrl+ Shift+ Kdans Firefox pour Windows).
Selon Steven Gliebe (2016) , il existe quatre cas courants pour ce problème. Si je peux le résumer, comme ceci:
Après avoir modifié le code, veuillez effacer le cache de votre navigateur si nécessaire.
Au cas où il y aurait d'autres erreurs, vous pouvez consulter la page de documentation des codes d'erreur de l' API Google Maps .
Là où il est dit "Acceptez les demandes de ces référents HTTP (sites Web) (facultatif)", vous n'avez pas besoin de répertorier un référent. Cliquez donc sur le X à côté de localhost sur cette page mais continuez à utiliser votre clé.
Il devrait alors fonctionner après quelques minutes.
Les modifications apportées peuvent parfois prendre quelques minutes pour prendre effet, alors attendez quelques minutes avant de tester à nouveau.