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.
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.
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/
