Cómo solucionar “Google Maps API error: MissingKeyMapError”

Muchos usuarios se están encontrando últimamente con un error relacionado con la API de Google Maps: MissingKeyMapError, al insertar un mapa en tu página web. Este error, dice lo siguiente: “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 artículo, vamos a intentar darte la solución al problema.

Google Maps API error: MissingKeyMapError, solución

Si te aparece este problema, lo primero es mirar el mensaje de error más específico en la consola de JavaScript (f12). Es posible que te salga en rojo este error: Google Maps API error MissingKeyMapError. Esto se debe, a que el día 22 de julio Google cambió la política de uso de la API Google Maps. Por ello, de repente los usuarios se están topando con este error. Pero tranquilo, que tiene solución y vamos a contarte todo lo que tienes que hacer.

Solución a MissingKeyMapError

  • Desde la consola de APIs de Google, tendrás que hacer clic en “Crear proyecto“.
  • Luego haz clic sobre Google Maps JavaScript API para habilitarlo (dependiendo del uso que hagas de Maps, más avanzado o menos, tendrás que habilitar otras APIs de Maps).
  • Tras habilitar las APIs de Maps, es el momento de crear las credenciales (API Key). Esto lo necesitarás para poder usar Google Maps en tu web. Tendrás que hacer clic en la opción de “Ir a las credenciales“.
  • Luego tendremos que responder a unas preguntas:
    • ¿Qué API estás utilizando?: Google Maps JavaScript API.
    • ¿Desde dónde llamarás a la API? Si vas a mostrar un mapa en una web: Navegador Web (JavaScript).
  • Luego en el dominio, tendrás que escribir el nombre de dominio dónde usarás los mapas.
  • Ahora tendrás que hacer clic en “Crear clave de API” para finalizar.

¡Ahora ya tienes la API pero no has acabado, porque falta añadirla a la web! Tendrás que añadir el siguiente script a tu web, con tu propia key tras el parámetro key.

<script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?key='></script>

Soluciónalo rápido con un plugin para WordPress

Con este plugin, no tendrás que tocar los ficheros para seguir usando Google Maps. Solo necesitarás el plugin de API KEY por Google Maps. Éste se encarga de introducir el parámetro key sin que tengas que añadir o editar ningún script a mano. Es muy cómodo, pero todo depende de si quieres más o menos plugins en tu página.

Descarga el plugin desde el siguiente enlace:

Descarga | API Key for Google Maps

¿Te ha servido? ¿Has podido solucionar Google Maps API error: MissingKeyMapError?

banner descuento blog diseño web málaga




Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR