Para integrar Google Maps en tu sitio web, primero debes generar una clave API a través de Google Cloud Platform. Aquí tienes una guía paso a paso para obtener la clave y configurarla en tu sitio web.
Paso 1: Acceda a la consola de Google Cloud Platform
- Visita la consola de Google Cloud Platform
Abra su navegador web y vaya al Consola de la plataforma Google Cloud. - Seleccionar o crear un proyecto
Una vez dentro de la consola, haz clic en el menú desplegable de proyectos en la parte superior de la página. Aquí, puedes seleccionar un proyecto existente o crear uno nuevo para tu clave API.
Paso 2: Navegue a API y servicios
- Abra la sección de credenciales de la API.
Haz clic en el botón de menú (tres líneas horizontales) en la esquina superior izquierda. En el menú desplegable, ve a API y servicios > Credenciales.
Paso 3: genere su clave API
- Crear nuevas credenciales
En la Credenciales página, seleccione Crear credenciales > Clave APIEsto generará automáticamente una nueva clave API. - Consulta y copia tu clave API
Aparecerá un cuadro de diálogo que mostrará la clave API que acaba de crear. Copie esta clave y guárdela en un lugar seguro, ya que la necesitará para los pasos finales. - Cerrar el diálogo
Haga clic en Cerrar Para salir del diálogo. Su clave API ahora aparecerá en la lista de Claves API en la página de Credenciales.
Paso 4: Restringir la clave API por seguridad
Para evitar el uso no autorizado, es fundamental restringir la clave API antes de utilizarla en producción:
- Seleccione su clave API
En la página de Credenciales, haga clic en el nombre de su clave API. - Establecer restricciones clave
En Restricciones de aplicación, limitar el uso a los sitios web, direcciones IP o aplicaciones específicas que utilizarán la API. Para Restricciones de APISeleccione únicamente las API necesarias para su proyecto. - Guarde su configuración
Una vez configuradas las restricciones, haga clic. Guardar.
Paso 5: Inserta la clave API en tu sitio web
Ahora que su clave API está lista, siga estos pasos para insertarla en su sitio web:
- Ve a las opciones de personalización
Abre el panel de administración de tu sitio web y ve a Opciones (Personalizador) > API > Mapa de Google. - Introduce tu clave API
Pega tu clave API en el campo designado para Google Maps. - Guardar y Publicar
Tras introducir la clave, guarda los cambios. Google Maps debería estar ahora integrado correctamente en tu sitio web.
Una vez configurada tu clave API de Google Maps, ya puedes insertar mapas interactivos en tu sitio web.
