1. Inicio
  2. Tutoriales
  3. Configuración avanzada
  4. Obtener una clave de API Google Maps

Configuración avanzada de la web

Obtener una clave de API de Google Maps para tu web

¿Has creado una web y quieres mostrar un mapa de Google Maps en una página web? Para ello es necesario especificar una clave de API de Google Maps. En este tutorial sobre la creación de páginas web veremos cómo obtener una clave de API de Google Maps y utilizarla en tu manager.

Para poder obtener una clave de API de Google Maps, es necesario disponer antes de una cuenta de Gmail. Si no la tienes, debes crearla primero.

Obtener una clave de API

Para obtener esta clave, debes ir a la Google Developers Console.

1. Creación de un nuevo proyecto

Si es tu primera conexión a la consola, crearás automáticamente un nuevo proyecto que se llamará "My Project".

Solo hay que marcar 2 casillas:

  • indica si quieres recibir o no las novedades de Google APIs 
  • acepta las condiciones de uso.

Haz clic después en Aceptar y continuar.

API, paso 1

2. Creación de la clave

De nuevo hay 2 campos que rellenar:

  • Tendrás que dar un nombre a la clave (puedes dejar el nombre por defecto "Clave de navegador 1")
  • En el campo Aceptar solicitudes de estos referentes HTTP: escribe el nombre de tu dominio sin "www", seguido de una barra (/) y añadiendo un asterisco antes y después: por ejemplo *.dominio.es/*

Haz clic después en Crear

Crear la API

3. Tu clave ya está creada

Se abre una nueva ventana con tu clave de API de Google Maps; cópiala para integrarla en tu manager emiweb.

Una vez cerrada la ventana, también puedes encontrarla en Administrador de API > Credenciales.

Clave de API

Especificarla en tu manager

Ve a Configuración > Ajustes > API Google. Copia y pega la clave obtenida en la consola de Google Developers y guarda.

Para mostrar fácilmente mapas de Google Maps en tu web, te invitamos a consultar nuestro tutorial dedicado al widget Mapa de Google Maps.

Optimizar el funcionamiento de la clave

Es posible que algunos usos de esta clave y de los mapas requieran una configuración más completa de la clave de API. Para ello hay que volver a la Google Developers Console (con la misma cuenta de Google que se usó para crear la clave de API). Lo que interesa aquí es activar dos bibliotecas de API: Google Maps Geocoding API y Google Places API Web Service.

Una vez en la Google Developers Console, ve a Bibliotecas y haz clic en uno de los dos nombres indicados. Solo te queda hacer clic en Activar en la parte superior de la página. Repite el mismo procedimiento con el segundo nombre.

Activar estas dos bibliotecas evita ciertos problemas que pueden aparecer en algunos mapas de Google Maps añadidos, por ejemplo, a tu agenda.

Activar la API