google-maps - para - google maps api tutorial
Clave de la API de Googlemaps para Localhost (5)
1- Primero, vaya a esta dirección: https://console.developers.google.com/apis
2- crear una clave api para su proyecto,
3- haga clic en Biblioteca y
4- Haga clic en cualquier api que desee,
5- Haga clic en Habilitar (arriba a la derecha),
6- haga clic en Credenciales, haga clic en editar clave
7- en "Restricción de clave", seleccione "referencias HTTP (sitios web)"
8- luego escriba la dirección de su sitio web o "localhost" (para prueba en localhost) en el campo del cuadro de texto e ingrese para agregar a la lista (agregue "localhost", "127.0.0.1", "localhost: puerto" y etc.)
9- luego usa la llave en tu proyecto ..
¿Cómo obtengo la clave api de googlemaps para trabajar en localhost?
He creado una clave de API y bajo los referentes agrego lo siguiente:
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
Esto no funciona y si excluyo la clave api tampoco funciona?
Debe verificar el error específico dentro de la consola javascript (por ejemplo, Ctrl + Shift + K en Firefox para Windows).
Según Steven Gliebe (2016) , hay cuatro casos comunes para este problema. Si puedo resumirlo, como esto:
- MissingKeyMapError >> Obtenga la clave de API de Google Maps (pero también considere la alternativa no.2)
- RefererNotAllowedMapError >> Registre su puerto localhost: en su tablero de desarrolladores de google .
- ApiNotActivatedMapError >> Habilitación de la API de Google Maps en la página de la biblioteca de API de Google
- InvalidKeyMapError >> Agregue su clave a sus scripts / códigos correctamente
Después de modificar el código, borre la memoria caché del navegador según sea necesario.
En caso de que haya otros errores, puede consultar la página de documentación de códigos de error de la API de Google Maps.
Donde dice "Acepte solicitudes de estos referers HTTP (sitios web) (Opcional)" no necesita tener ningún referente en la lista. Así que haga clic en la X junto a localhost en esta página pero continúe usando su clave.
Entonces debería funcionar después de unos minutos.
Los cambios realizados a veces pueden tardar unos minutos en surtir efecto, por lo que espere unos minutos antes de volver a realizar la prueba.
Puede seguir este tutorial sobre cómo usar Google Maps para realizar pruebas en localhost.
- Haga clic en este enlace y siga el proceso (crear nuevo proyecto, clave de API> clave de navegador, registrar el dominio ''localhost''): https://console.developers.google.com//flows/enableapi?apiid=maps_backend&keyType=CLIENT_SIDE&reusekey=true
- Generar la clave
- Implemente el widget de Google Maps como se describe aquí: http://www2.microstrategy.com/producthelp/10/GISHelp/Lang_1033/GIS_Integration.htm
- Agregue su clave de API de Google Maps a googleConfig.xml (como se describe en el enlace anterior) ENTER_YOUR_KEY_HERE
- Reiniciar el servidor web
Compruebe estos hilos de SO relacionados:
- La clave API de Google Maps v3 no funcionará para las pruebas locales
- Cómo usar google maps simple api en localhost
- Google Maps v3 api para localhost no funciona
¡Espero que esto ayude!
Puedes seguir de esta manera. Funciona al menos para mí:
en la página de credenciales:
Seleccione la opción con dirección IP (opción no. 3).
Ponga su dirección IP de su proveedor. Si no lo hace, busque su dirección IP usando este enlace: http://www.myipaddress.com/show-my-ip-address/
Guardalo
Cambie el enlace de su mapa de google como sigue entre la etiqueta del script:
https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzxxxxxxxx "
Espere unos 5 minutos o más para permitir que su clave API se propague.
Ahora su mapa de google debería funcionar.