top of page
  • Foto del escritorPymeWebApp

Licencia API de Google Maps

A continuación te facilitamos los pasos para obtener la licencia API de Google Maps




PymeWebApp. Desarrollo Aplicaciones Móvil.
PymeWebApp. Desarrollo Aplicaciones Móvil.

  • Selecciona las tres plataformas de Google Maps (Mapas, Rutas y lugares)

  • Crea un nuevo proyecto e ingresa tu nombre de dominio (sin www. .com .net o cualquier otro) en el Nombre del proyecto

  • Sigue las instrucciones para crear una cuenta de facturación

  • Continúa la configuración de Google Maps para recibir tu clave de API:


PymeWebApp. Desarrollo Aplicaciones Móvil.
PymeWebApp. Desarrollo Aplicaciones Móvil.

  • Haz clic en el enlace 'API Console' que aparece en la ventana emergente de la anterior imagen.

  • En el menú de la izquierda, haz clic en APIs y Servicios - Credenciales:


PymeWebApp. Desarrollo Aplicaciones Móvil.
PymeWebApp. Desarrollo Aplicaciones Móvil.


  • Haz clic en el icono de Editar API (a la derecha de la clave)

  • Marca la casilla URLs de referencia HTTP (sitios web)

  • Introduce la URL completa del dominio de tu PWA

Aquí te indicamos cómo:



PymeWebApp. Desarrollo Aplicaciones Móvil.
PymeWebApp. Desarrollo Aplicaciones Móvil.

Activar librerías


Es imprescindible activar determinadas librerías para que las funciones del CMS y de las Apps puedan hacer consultas a Google Maps.



PymeWebApp. Desarrollo Aplicaciones Móvil.
PymeWebApp. Desarrollo Aplicaciones Móvil.


  • Después localiza o busca "Maps Javascript":


PymeWebApp. Desarrollo Aplicaciones Móvil.
PymeWebApp. Desarrollo Aplicaciones Móvil.

  • Habilita esta opción:


PymeWebApp. Desarrollo Aplicaciones Móvil.
PymeWebApp. Desarrollo Aplicaciones Móvil.

⚠️ Botón deshabilitado: Si el botón está sombreado en gris es porque ya estaba habilitada y no necesitas volver a activar la biblioteca.


Vuelve a la Biblioteca y busca la opción Directions API


PymeWebApp. Desarrollo Aplicaciones Móvil.
PymeWebApp. Desarrollo Aplicaciones Móvil.

Y selecciona Habilitar:


PymeWebApp. Desarrollo Aplicaciones Móvil.
PymeWebApp. Desarrollo Aplicaciones Móvil.







  1. Sigue estos mismos pasos con las siguientes librerias:

  2. Distance Matrix API.

  3. Directions API.

  4. Geocoding API.

  5. Maps JavaScript API.

  6. Places API.

  7. Maps Static API.


PymeWebApp. Desarrollo Aplicaciones Móvil.
PymeWebApp. Desarrollo Aplicaciones Móvil.

Luego de haberlas seleccionado y habilitado, nos dirigimos a la sección de Credenciales:

PymeWebApp. Desarrollo Aplicaciones Móvil.
PymeWebApp. Desarrollo Aplicaciones Móvil.

En credenciales, Nos dirigimos a nuestra clave API y selecciónanos el botón del lapiz para editar

PymeWebApp. Desarrollo Aplicaciones Móvil.
PymeWebApp. Desarrollo Aplicaciones Móvil.

Ahí nos aseguramos de configurar las Restricciones de API seleccionando solamente las API que habilitamos previamente:

PymeWebApp. Desarrollo Aplicaciones Móvil.
PymeWebApp. Desarrollo Aplicaciones Móvil.

Guardamos y copiamos la llave API y la pegamos en el apartado de Claves API > Configuración de mapas de Google:

PymeWebApp. Desarrollo Aplicaciones Móvil.
PymeWebApp. Desarrollo Aplicaciones Móvil.

Entradas relacionadas

Ver todo

La función Mensajes le permite mostrar un mensaje a los usuarios que actualmente están usando la aplicación.

Con la funcionalidad de tarjeta de fidelización, podrás crear una tarjeta perforada o sellada de fidelización. Significa que habrá una ...

bottom of page