Google Maps es un servicio de mapas basado en la web que proporciona regiones geográficas y mapas de carreteras para cualquier parte del mundo. Sin embargo, algunos propietarios de sitios web reciben el error ' Esta página no puede cargar mapas de Google correctamente ”En lugar de cargar el mapa de Google. Este error también se puede mostrar como ' Esta página no cargó Google Maps correctamente. Consulte la consola de JavaScript para obtener detalles técnicos ”.
¡Ups! Se produjo un error: esta página no cargó Google Maps correctamente
Nota: Esta solución está dirigida a los propietarios de sitios web y no al usuario convencional.
¿Qué causa que Google Maps no se cargue correctamente?
Mapa de Google Los complementos funcionarían muy bien sin errores, pero las cosas han cambiado en los últimos años cuando Google cambió sus reglas para sitios web con mapas integrados. Los propietarios de sitios web podían hacer que esto funcionara antes con solo usar el código incrustado, pero ahora requieren la clave API para que Google Map funcione correctamente. Si ya ha agregado la clave API, puede ver la pestaña 'Inspeccionar elemento -> Consola' en Chrome para ver la razón exacta por la que Google no permite Maps en su sitio. Esto puede deberse a una clave incorrecta, una clave restringida, etc.
Agregue la clave API de Google en la configuración de su sitio
Para que Google Map funcione para su proyecto o sitio web, debe crear la clave API de Google y agregarla en la configuración de su sitio. Debe iniciar sesión en Google Developers para crear la clave y solucionar cualquier otro error.
Si ha insertado manualmente el script para mapas, entonces debería ser el siguiente con su clave API en lugar de YOUR_API_KEY
asincrónico aplazar src='https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY& callback = initMap 'tipo='texto / javascript'> Dado que WordPress es el CMS más popular que existe, con más de 172 millones de sitios web que lo utilizan; demostraremos los pasos solo para WordPress.
- Vaya a la configuración del complemento, lo que esté usando para Google Maps y debería tener una opción para agregar la clave API. Si no lo tiene, probablemente esté usando una versión anterior de un complemento o un complemento desactualizado.
Complementos de API de Google en WordPress
- Mantenga la configuración abierta para la clave API en su Sitio de WordPress .
- Ir Administrador de recursos en la nube de Google
- Inicie sesión en Google si aún no lo ha hecho
- Haga clic en ' Crear proyecto ', Nombre el proyecto y haga clic en' Crear ”
Crear un proyecto
- Ir API de habilitación de Google página web.
- Haga clic en ' Seleccionar un proyecto 'En la parte superior, luego seleccione el nuevo proyecto que acaba de crear y Seguir
- Prensa ' Habilitar API y servicios ”
- Buscar ' API de JavaScript de Maps 'Y ábrelo
- Luego presione el ' Habilitar 'Botón
Habilitando la API para el proyecto
- Haga clic en el menú de navegación, seleccione ' API y servicios ' E ir a ' Cartas credenciales ”
- Haga clic en Crear credenciales en el menú desplegable y seleccione ' Clave API ”
Nota : Puede configurar la clave de restricción para evitar el uso no autorizado si lo desea - Haga clic en ' Cerca ”Luego haga clic en la clave creada
- Seleccione ' Remitentes HTTP 'En Restricciones de la aplicación
- Agregue la URL de su sitio web y haga clic en ' Salvar ”
- Ahora copie la clave y vuelva al sitio de WordPress
Creación de la clave API para el sitio
- Desplácese hacia abajo debajo del panel izquierdo y vaya a ' Configuraciones ”
- Encontrará una opción para ' CLAVE API de Google ”, Abra eso y pegue la clave allí.
- Guarde la configuración, vaya a su página y actualícela.
Nota: Asegúrese de que su facturación esté habilitada porque Google solo permite un crédito de 300 $ o 12 meses de uso gratuito (lo que disminuya más rápido). Después de eso, la facturación debe configurarse e implementarse.
2 minutos de lectura
