Obtén y comparte tu clave API de forma segura

Para mostrar Google Maps en tu web, necesitas habilitar la Maps JavaScript API, crear una clave API y compartirla con nuestro equipo para su integración. El proceso es sencillo y te da control sobre qué sitios pueden usar esa clave.

Requisitos y alcance

Con Google Maps podrás ofrecer a tus clientes una visualización precisa de la ubicación de tus propiedades, reemplazando los mapas de Mapbox. Administrarás tu cuenta de Google y la facturación asociada; nuestro equipo se encargará de la integración técnica en tu web.

Pasos a seguir

Habilitar las APIs necesarias

Inicia sesión en https://console.cloud.google.com/.
Haz clic en «Crear proyecto», completa nombre, organización y ubicación, y pulsa «Crear».
En el menú lateral, entra en «API y servicios».
Selecciona «Habilitar APIs y servicios».
Busca y elige Maps JavaScript API y haz clic en «Habilitar».

Atención a los detalles
Si no encuentras la API en el panel inicial, utiliza la barra de búsqueda.

Obtener y restringir tu clave API

Vuelve a «API y servicios» → «Credenciales».
Haz clic en «Crear credenciales» → «Clave de API». Aparecerá tu clave en una ventana emergente.
Completa la información de facturación de tu cuenta de Google: menú «Facturación» → «Vincular una cuenta de facturación» y sigue los pasos. Si la facturación no se configura correctamente, el mapa no se mostrará como esperas.
Restringe el uso de la clave: en «Restricciones de aplicaciones», elige Sitios web y, en «Restricciones de sitios web», añade los dominios donde se usará la clave.

Atención a los detalles
Si dejas la lista de sitios web en blanco, tu clave API aceptará solicitudes desde cualquier sitio, lo que supone un riesgo de uso indebido.

Enviar la clave API para su activación

Cuando finalices, envía tu clave API al equipo de Avantio. Nuestro equipo técnico configurará Google Maps en tu sitio web y te avisará cuando la tarea haya finalizado.

Consejo útil
Centraliza la gestión desde tu cuenta de Google: mantén la clave API, la facturación y las restricciones documentadas. Te facilitará auditorías y futuras actualizaciones.

Buenas prácticas

Verifica que Maps JavaScript API esté habilitada en el proyecto correcto.
Añade todos los dominios y subdominios que necesites (producción y, si aplica, pruebas).
Revisa periódicamente los límites y consumo en «Facturación» para evitar interrupciones del servicio.

Errores frecuentes

No completar la facturación: impide que los mapas se carguen correctamente.
No restringir la clave API: permite que otros sitios la utilicen, consumiendo tu cuota.
Crear la clave y no guardarla en un lugar seguro: dificulta su mantenimiento y control.

Con Google Maps eliges una cartografía conocida por tus usuarios, mejoras la experiencia de navegación y mantienes el control sobre la seguridad de tu clave, la facturación y el rendimiento del servicio.

Preguntas frecuentes

¿Quién gestiona la cuenta y la facturación de Google Maps asociada a la clave API?

Tú gestionas la cuenta de Google y la facturación. Avantio realiza la integración técnica en tu web una vez envías la clave API.

¿Qué API debo habilitar para que los mapas funcionen en mi web?

Debes habilitar Maps JavaScript API en el proyecto de Google Cloud donde crearás la clave API.

¿Por qué debo configurar la facturación en Google Cloud para usar la clave API?

Google requiere facturación activa para servir mapas. Si no la completas, el mapa no se mostrará correctamente en tu web.

¿Cómo limito el uso de mi clave API a mis dominios?

En «Restricciones de aplicaciones» selecciona Sitios web y añade los dominios en «Restricciones de sitios web». Si dejas este apartado en blanco, la clave aceptará solicitudes desde cualquier sitio.

¿Qué beneficio obtengo al integrar Google Maps en lugar de Mapbox?

Puedes elegir Google Maps para mostrar las ubicaciones de tus propiedades con una interfaz reconocible y familiar para los usuarios, mejorando su experiencia de navegación.

Integrar Google Maps en tu web Avantio