mapa - navegador compatible con la api de javascript de google maps
Error de Google Map: InvalidKeyOrUnauthorizedURLMapError (10)
Estoy desarrollando en JavaScript / HTML / CSS una aplicación que utiliza Google Maps. Recibo el siguiente cuadro de diálogo de alerta:
"Esta página no ha podido mostrar un elemento de Google Maps. La clave API de Google proporcionada no es válida o este sitio no está autorizado para usarla. Código de error: InvalidKeyOrUnauthorizedURLMapError"
La aplicación realmente muestra el elemento del mapa; la alerta no es un problema, excepto que no debería aparecer en absoluto. El mapa se muestra correctamente.
Ingresé a la Consola de desarrollador de Google y, en la sección "Credenciales", he "editado las referencias permitidas" para que sea mydomain.com/*
También ingresé a la Consola de Desarrolladores de Google en la sección de API y habilité 11 API de Google Maps.
Después de luchar mucho con este problema, he encontrado 1 solución para mí. Puede ayudar a las personas que buscan una solución adecuada y exacta, pero no a los comentarios, votos abajo y enlaces.
(El mapa no se mostró en mi caso )
Si supone, el enlace de la página donde está cargando el mapa es
http://example.com/abc/def/ghi/kpn.php
luego da lo same(exactly the same) bajo Edit allowed references
Si intenta cargar la misma página usando:
www.example.com/abc/def/ghi/kpn.php
o
http://www.example.com/abc/def/ghi/kpn.php
luego su página está cargada pero no su mapa, y esta alerta se genera.
CONCLUSIÓN
Use la misma ruta (dirección de URL) en estos 2 lugares.
Mientras carga la página que tiene el mapa.
En
Edit allowed references.
Después de seguir esto, me libré de esta alerta.
Después de muchas combinaciones de referencia, al eliminar y volver a crear credenciales, me di cuenta de que no había habilitado "Google Maps JavaScript API". Qué lástima. :)
Para cualquier persona que tenga problemas para obtener la API de Google Maps, compruebe si la API se activó primero.
Después de muchas pruebas y errores, esto funcionó para mí (por Eduardo. ¡Gracias!)
La URL que debe autorizarse es la que se encuentra en el encabezado del Remitente para las solicitudes que el navegador envía a Google para cargar la API.
En Browser Credentials > REFERERS
Agregue estos
- .example.org /
- www.example.org/*
- http://www.example.org
- http://example.org
Geocodezip proporcionó la información que necesitaba. De hecho, estaba cargando la biblioteca googlemaps dos veces: una en mi archivo index.html y otra en un iFrame. Cambié mi código para que iFrame no cargara la biblioteca googlemaps pero, en su lugar, usara el padre. Gracias geocodezip!
Lo conseguí para funcionar intercambiando las llaves con mis propias llaves creadas especiales Y leyendo esta página web algunas veces muy cuidadosamente. Mi consejo es agregar o cambiar sus claves de la API de Google en https://console.developers.google.com/apis/credentials antes de embarcarse en secuencias de comandos muy complicadas.
Inserte sus propias claves de API en la primera línea del JavaScript de Google Map:
Lo que funcionó para mí fue usar Firebug para encontrar la URL exacta que realizó la solicitud a la API de Google Maps. Como se indica en la documentación de la API de Google Maps sobre la autorización de solución de problemas , la parte "Cómo encontrar la URL correcta":
La URL que debe autorizarse es la que se encuentra en el encabezado del Remitente para las solicitudes que el navegador envía a Google para cargar la API.
En mi caso, supongamos que tengo un sitio web example.com. En la consola de desarrollador, bajo la clave de la API de Google Maps, agregué muchas combinaciones de referencia, como example.com/* , *.example.com/* , example.com , pero aún InvalidKeyOrUnauthorizedURLMapError persistió InvalidKeyOrUnauthorizedURLMapError .
Mi solución, como ya he mencionado, para usar Firebug: abra example.com y busque la solicitud de referencia de https://maps.googleapis.com/maps/api/js?... , y fue http://example.com , y eso es todo. Agregué http://example.com/* a las URL habilitadas en Developers Console debajo de mi respectiva clave de API y ahora todo funciona bien.
Es importante saber dónde buscar en Firebug: es la pestaña de Net . Simplemente haga clic en la solicitud de maps.googleapis ... y busque el Referer
Primero debe ir a https://console.developers.google.com/ y seleccionar API.
En las API de Google Maps, seleccione Google Maps JavaScript API y asegúrese de habilitar API para Google Maps JavaScript.
En segundo lugar, debe crear una clave API:
- Ir a credenciales
- Crear una nueva clave y seleccionar la clave del navegador
- No es necesario especificar ninguna referencia
Entonces debería ver Any referrer allowed después de guardar.
Pude hacer que esto funcionara borrando todas mis referencias y permitiendo todo. Aparentemente hay un error en la consola del desarrollador que está causando problemas. Algunas personas dicen que pueden hacer que los referentes funcionen al eliminar todo y luego agregar todo de nuevo a la vez en lugar de línea por línea:
https://productforums.google.com/forum/#!topic/maps/mSVyDazRMQo
Cosas anteriores que probé:
- Clave de regeneración
- Configurar todos los apis de mapas habilitados
- Hard coding absolute paths of referrers
Una nota al margen, cuando no incluí mi api_key, todo funcionó multado, aunque estoy seguro de que eventualmente lo apagarán si no usa su api_key.
Si ha configurado toda la configuración, como la clave de api, etc., y todavía tiene el error, habilite todas sus API obligatorias con respecto a los mapas de Google.
Me gusta:-
API de inserción de Google Maps
API de geocodificación de Google Maps
API de geolocalización de Google Maps
API de JavaScript de Google Maps
Vaya al menú de API y busque "API de JavaScript de Google Maps" después de abrirla solo presione "Habilitar API"