Enseñar para aprender
Debemos enseñar para aprender más
12/09/2017
Por qué usar Instagram para tu negocio
¿Por qué usar Instagram para tu negocio?
20/11/2017
Ver más

Cómo solucionar el error de la API de Google Maps

Cómo solucionar el error de la API de Google Maps

Cuando insertamos un mapa en nuestra web y usamos la API de Google Maps nos encontramos con un error muy común “Se ha producido un error” Esta página no ha cargado Google Maps correctamente. Descubre los detalles técnicos del problema en la consola de JavaScript“. En este post veremos cómo solucionar el error de la API de Google Maps de forma fácil y sencilla.

Cómo solucionar el error de la API de Google Maps

¿Cómo solucionar el error de la API de Google Maps?

Para resolver este problema es simple, primero tenemos que ir a la consola de Google  https://console.developers.google.com/apis y crear un nuevo proyecto.

Cómo solucionar el error de la API de Google Maps

En la siguiente sección debemos ingresar el nombre de nuestro proyecto, aceptar los términos y condiciones y dar clic en “Crear”.

Cómo solucionar el error de la API de Google Maps

Con el proyecto ya creado habilitaremos la API que necesitaremos, en este caso debemos habilitar “Google Maps JavaScript API” solo es necesario hacer clic sobre ella y después pulsar el botón de “Habilitar” como se muestra en las siguientes imágenes.

Cómo solucionar el error de la API de Google Maps Cómo solucionar el error de la API de Google Maps

Cuando habilitamos nuestra API se nos indicará que debemos crear unas credenciales para poder usar esta API, solo es necesario dar clic en el botón de “Crear credenciales”.

Cómo solucionar el error de la API de Google Maps

Después de ello se nos proporcionará un clave de API misma que ingresaremos en nuestro sitio web para que nuestro mapa incrustado pueda funcionar.

Cómo solucionar el error de la API de Google Maps

Agregar la API Key en un WordPress

Si tu estás trabajando en un sitio web de WordPress y no deseas modificar tus archivos o ficheros para agregar tu api key te recomiendo que uses el siguiente plugin API KEY for Google Maps el cual introducirá el parámetro “key” en la llamada a la API de Google Maps sin necesidad de editar ningún archivo, es muy fácil de usarlo te dejo en link de descarga.
Descargar plugin: https://wordpress.org/plugins/api-key-for-google-maps/

Yudiel Cruz López
Yudiel Cruz López
Ingeniero en Sistemas Computacionales por el TecNM campus Misantla y Máster en Negocios Digitales y Analítica Web por Neetwork Digital Business School.