Agrecar Google Maps en el Constructor Plus

¿Cómo agregar Google Maps en el Constructor Plus?

Para utilizar el servicio de Google Maps en el Constructor Plus es necesario generar un usuario y una llave.
Estos datos son suministrados directamente por Google.

Generar una API KEY

Ingresar en este enlace, dar clic en el botón Comenzar, seleccionar la opción Maps y luego en CONTINUAR.

Seleccionar Google Maps

Luego da clic en la caja Select or create project

Crear proyecto en Google Maps

Clic en Create a new project

Opción nuevo proyecto en Google Maps

Escriba en la caja de texto el nombre de su proyecto o empresa, ejemplo: salón de belleza xyzabc

Nombrar el proyecto en Google Maps

Debe habilitar la opción de Billing en la opción Create Billing Account

Habilitar el proyecto en Google Maps

Aprobar los términos de servicio de Google y habilitar la facturación.

Aceptar términos de Google Maps

Se debe incluir la información de pago que Google requiere para su posible facturación.
Finalmente Google genera una clave para utilizar los mapas, debe copiarla y guardarla.

API de Google Maps generada

Utilizando la API

Da clic en la opción derecha SECURE CREDENTIALS

Error de la API

En restricciones seleccione URL de referencia HTTP y en la lista inferior de sitios permitidos agregue

*.constructorsitiosweb.com/*

*.salondebellezaabc.com/*

Clic en Guardar

Restricciones de aplicaciones

En el constructor de sitios, arrastre el módulo de Google Maps a la parte deseada

Opción de Google Maps en el Constructor Plus

Doble clic en el nuevo mapa insertado

Mapa en el constructor plus

En API KEY ingrese su llave obtenida en el paso #6, y en Dirección escriba la dirección deseada utilizando el siguiente formato Calle 30A # 16-30 Bogotá y seleccione de la lista la opción correspondiente

Ingresar la dirección en el mapa

Clic en el botón inferior derecho Aplicar.

Claudia Arias
Claudia Arias

Miembro del equipo de ColombiaHosting desde el año 2019.