Antes de comenzar a utilizar la API de JavaScript de Maps, necesitará lo siguiente:
- Cuenta de facturación de Google Maps Platform
- Proyecto de plataforma de Google Maps
Si aún no ha configurado Google Maps Platform, no dude en consultar los primeros pasos para configurar el proyecto y asignarle una cuenta de facturación.
NOTA: Aún podrá crear la clave API sin que la cuenta de facturación esté asignada al proyecto, pero esta clave no le permitirá insertar Google Maps en su sitio web; el mensaje de error que se muestra es “Debe habilitar la facturación en el proyecto de Google Cloud” en el archivo . Por eso es mejor cuidarlo de antemano.
En nuestro ejemplo, usaremos el proyecto Mi sitio web del proyecto Google Cloud Platform con la cuenta de facturación ya adjunta.
Habilitar el conjunto de API
Antes de generar la clave, nos aseguraremos de que el conjunto requerido de API esté habilitado para el proyecto Mi sitio web. Las siguientes API deben estar habilitadas en el caso del Creador de sitios web:
NOTA: Su secuencia de comandos o módulo de sitio web puede requerir que se habiliten otras API. Sugerimos verificar esto con la documentación oficial del módulo correspondiente.
Después de habilitar el conjunto requerido de API para el proyecto, el aspecto será similar a este:
Una vez que el conjunto requerido de API esté habilitado, estará listo para generar la clave. Para obtener una clave API:
1. Asegúrese de que esté seleccionado el proyecto correcto (en nuestro caso, el proyecto Mi sitio web).
2. Continúe con API y servicios >> el menú Credenciales:
Haga clic en + Crear credenciales >> el botón de clave API:
La ventana de creación de la clave API mostrará su clave API recién creada: En este punto, la clave API está lista para usarse dentro de la aplicación. En nuestro ejemplo, es una característica. Recomendamos restringir adicionalmente el uso de la clave API a un proyecto web en particular para evitar el uso no autorizado y el robo de cuotas.
Esta característica proporciona seguridad adicional y garantiza que solo se realicen solicitudes autorizadas con su clave API. Hay dos restricciones:
1) Restricción de la aplicación
2) Restricción de API. Recomendamos habilitar ambos.
1. Proceda al menú Editar dentro de la lista de claves API:
2. Navegue a la sección Restricciones de la aplicación. Dado que las referencias HTTP coinciden con la configuración esperada del sitio web, sugerimos continuar y utilizar la plantilla .domain.tld/. Este último permitirá que cualquier subdominio o URL de ruta en un solo nombre de dominio sea elegible para el uso de la clave API.
NOTA: asegúrese de cambiar domain.tld por el nombre de dominio de su sitio web:
3. La sección de restricciones de API está disponible dentro de la misma página. Restrinja la clave al conjunto de API seleccionadas anteriormente y haga clic en Guardar para aplicar los cambios:
Tener una clave API activa permitirá utilizar los servicios de Google Maps Platform dentro de Website Builder.
1. Navegue a la página de su sitio web que contiene el objeto del mapa y continúe con la opción Propiedades:
2. Pegue la clave API en el campo correspondiente en la ventana Propiedades. Siéntase libre de elegir la dirección, aplicar otros ajustes de diseño al mapa y guardar los cambios. Tan pronto como se publique el sitio web, el mapa estará disponible en Internet. En nuestro ejemplo, los visitantes verían el Aeropuerto Internacional Phoenix Sky Harbor en la página web Contactos:
¡Eso es todo!
Facebook Comments
Disqus