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 puede cargar 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?

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. Iniciaremos sesión con nuestra cuenta de Gmail.

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

Con el proyecto ya creado habilitaremos la API que necesitaremos, en este caso debemos habilitar “Maps JavaScript API” sólo es necesario hacer clic en «Habilitar APIS y servicios» y buscar la API «Maps JavaScript API» como se muestra en las siguientes imágenes.

Después de dar clic en la API, habilitaremos la misma para poder crear nuestras credenciales. Esta API nos permitirá insertar un mapa en nuestro sitio web utilizando los mapas de Google.

Cuando tenemos habilitada nuestra API de «Maps JavaScript» daremos clic en crear credenciales, como se ve a continuación:

Al dar clic en «Credenciales en la sección API y servicios» nos generará una clave API que usaremos para que nuestro mapa se visualice. Copia la clave, la necesitarás.

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.