Configurar Google Maps
Configurar Google Maps
Configura Google Maps para que tu sitio web muestre la ubicación de tus propiedades y tus usuarios puedan filtrar usando
un mapa.
En esta guía te explicamos cómo crear tu cuenta de Google Maps Platform, obtener tu clave de API (API key), protegerla,
configurar alertas de gasto y cargarla en tu sitio de Brokian.
Antes de empezar: necesitas una cuenta de Google (Gmail) y una tarjeta de crédito o débito. Google no te cobra mientras
tu sitio se mantenga dentro del uso gratuito mensual de cada servicio. Más abajo configuramos alertas para que estés
siempre al tanto.
Nota interna (borrar antes de publicar): donde dice [captura] va una imagen. Las capturas de la versión anterior hay que
rehacerlas con una cuenta nueva, porque Google cambió varias pantallas..
Paso 1: Crea tu cuenta en Google Maps Platform
Ingresa a https://mapsplatform.google.com/ y haz click en el botón "Empezar", en la esquina superior derecha.
Es posible que te pida iniciar sesión. Si esto sucede, usa tu cuenta de Google o Gmail. Si no te lo pide, continúa con
la guía.
Una vez que inicies sesión, puede aparecerte una pantalla como la siguiente (si no aparece, continúa con la guía):
Elige tu país y marca el primer check. No hace falta marcar el segundo. Luego presiona "ACEPTAR Y CONTINUAR".
Ahora verás una opción como la siguiente. Haz click en "FINALIZA LA CONFIGURACIÓN DE LA CUENTA".
Aguarda un momento y serás redirigido a un formulario.
Completa con los siguientes datos:
- ¿En que sector se centra tu actividad?: Agencias inmobiliarias
- ¿Cuáles son los servicios más importantes para ti? Elige estos tres:
- Agregar la clave de API
- Visualizar datos en un mapa
- Habilitar la función para autocompletar direcciones
- Selecciona tu enfoque de desarrollo preferido: Código completo
- ¿Para qué plataformas estás compilando?: Web
- ¿Qué framework usarás?: React (+Next.js) y Jquery
Presiona "Enviar".
Aguarda un momento y serás redirigido a la siguiente pantalla
Si después de un tiempo sigue apareciendo el botón "FINALIZA LA CONFIGURACIÓN DE LA CUENTA", haz click en él otra vez.
Cuando llegues a la pantalla siguiente, asegúrate de que tu país esté elegido y haz click en "Aceptar y continuar".
Paso 2: Carga tus datos de facturación y elige "Pay as you go"
Deberías llegar a la siguiente pantalla:
Haz click en "Cree un perfil de pagos nuevo +" y luego completa con los datos de tu empresa.
Ahora deberás cargar una tarjeta de crédito o débito. Google la pide para cualquier cuenta, aunque uses solo la parte
gratuita. En el Paso 5 configuramos alertas para que sepas si tu consumo se acerca a generar costos.
Haz click en el botón "Agregar forma de pago +", luego click en "Agregar tarjeta de crédito o débito", carga los datos
de tu tarjeta y finalmente click en "Guardar tarjeta".
Aguarda un momento, y cuando veas tu pantalla como la siguiente foto:
¿Te aparece una pantalla para elegir un plan?
Es posible que Google te muestre una tabla titulada "Save more with a subscription plan" (o "Ahorra más con un plan de
suscripción" si tu cuenta está en español), con los planes Starter, Essentials y Pro.
No elijas ninguno de esos planes. Verifica que la última columna, "Pay as you go" (Pago por uso), tenga el tilde "✓
Selected" (Seleccionado). Viene marcada así por defecto. Luego presiona "Continue" (Continuar), abajo a la derecha.
Importante: si seleccionas un plan de suscripción, Google te cobrará un monto fijo todos los meses (desde USD 100), uses
o no el mapa. Con "Pay as you go" solo pagas si superas el uso gratuito mensual de cada servicio.
¿Elegiste un plan por error? Puedes cancelarlo desde Google Cloud Console, en la sección de administración de
suscripciones de Maps ("Maps Subscription Management"). Si tienes dudas, escríbenos y te ayudamos.
Continúa con el alta
Presiona el botón "Comenzar gratis", espera unos segundos (puede demorar incluso hasta un minuto), hasta que veas la
siguiente pantalla:
Nota: si antes de esta pantalla te aparece un mensaje de bienvenida, haz click en el botón “ENTENDIDO”, y luego te
aparecerá esta pantalla.
Paso 3: Copia tu clave de API
La siguiente pantalla muestra tu clave de API, el dato que necesitas para tu sitio. Cópiala con el botón resaltado en
rojo y guárdala en un lugar seguro: la usarás en el Paso 6
Con la clave guardada, verifica que los dos checks estén marcados como en la imagen y presiona "IR A GOOGLE MAPS
PLATFORM". Aguarda hasta que aparezca la pantalla siguiente (puede demorar hasta un minuto).
Paso 4: Protege tu clave
Aguarda un momento, hasta que aparezca la siguiente pantalla (puede demorar hasta un minuto):
Se configuran dos cosas: desde qué sitio se puede usar y qué servicios puede usar.
4.1 Restringe la clave a tu sitio web
En el desplegable, elige "Sitios web". Aparecerá el campo "URL de referencia". Carga tu dominio con este formato,
respetando la barra y el asterisco al final:
- midominio.com/*
Ejemplo: si la dirección web de tu página será mi-inmobiliaria.com entonces debes colocar mi-inmobiliaria.com/*
(respetar la barra y el asterisco al final)
4.2 Restringe la clave a los servicios que usa tu sitio
En la misma pantalla, en "Restricciones de API", elige "Restringir clave" y marca solo estos servicios:
- Maps JavaScript API
- Maps Embed API
- Maps Static API
Ahora presiona en el botón "RESTRINGIR CLAVE".
Aguarda un momento y deberías ser redirigido a una pantalla con el título "Descripción general".
4.3 Activa la cuenta (solo si te lo pide)
A veces aparece una barra en la parte superior de la pantalla como la siguiente:
Si esto ocurre, presiona el botón "ACTIVAR".
Te mostrará una ventana como la siguiente, haz click en el botón "ACTIVAR". Te mostrará un mensaje de confirmación, toca
el botón "CONTINUAR".
Paso 5: Configura un presupuesto con alertas
Cada servicio de Google Maps tiene un uso gratuito mensual que se reinicia el día 1 de cada mes. Con este paso, Google
te avisa por correo si tu consumo empieza a generar costos.
1. En Google Cloud Console, abre el menú y entra a "Facturación" (Billing).
2. En el panel lateral, haz click en "Presupuestos y alertas" (Budgets & alerts).
3. Presiona "Crear presupuesto" (Create budget) y ponle un nombre, por ejemplo "Google Maps".
4. En "Monto", elige "Monto especificado" y escribe 1 (USD 1). Así te enteras apenas aparezca el primer centavo de
gasto.
5. En "Acciones", deja las alertas al 50 %, 90 % y 100 %, y verifica que esté marcado el envío de correo a los
administradores de facturación.
6. Presiona "Finalizar" (Finish).
Importante: el presupuesto solo avisa, no frena el consumo. Si recibes uno de estos correos de Google, avísanos
enseguida para revisar tu sitio antes de que haya cargos en tu tarjeta. Nosotros no vemos tu consumo en Google, así que
solo podemos actuar si nos avisas.
Paso 6: Carga la clave en tu sitio de Brokian
Con la clave de API que copiaste en el Paso 3, sigue estos pasos:
1. Ingresa a tu cuenta de Brokian.
2. Dirígete a la configuración de tu sitio web presionando el botón azul correspondiente.
1. Dentro del panel de control de tu página, haz click en "Configuración".
1. En el panel lateral, busca la opción "Módulos complementarios".
1. Haz click en la opción "Búsqueda por mapa".
2. Pega tu clave en el campo "Api Key de Google Maps" y guarda los cambios. Si quieres, puedes hacer ajustes
adicionales en esa misma pantalla.
Paso 7: Verifica que todo funcione
Abre tu sitio web y revisa estos dos puntos:
- Listado con mapa: entra al listado de propiedades y cambia a la vista de mapa. Deben verse el mapa y los marcadores
de tus propiedades.
- Ficha de propiedad: abre una propiedad con ubicación cargada y baja hasta Street View. Debe verse el panorama.
Si el mapa no carga o aparece un mensaje de error de Google, revisa esto:
Lo que ves Qué revisar El mapa no carga en el listado Que la clave esté bien pegada en Brokian (sin espacios) y que tu
dominio esté cargado con y sin "www" (Paso 4.1). Error de Google en el cuadro de Street View Que la Maps Embed API esté
habilitada y marcada en las restricciones de la clave (Paso 4.2). No funciona el autocompletado de direcciones Que la
Places API esté habilitada y marcada en las restricciones de la clave (Paso 4.2).
Los cambios en la clave pueden demorar unos minutos en aplicarse. Si después de revisar todo sigue sin funcionar,
escríbenos.
ES MUY IMPORTANTE QUE SI RECIBES ESTOS MENSAJES DE GOOGLE NOS DES AVISO PARA PODER ACTUAR ANTES DE QUE TENGAS CARGOS EN
LA TARJETA.
NOSOTROS NO NOS ENTERAMOS QUE ESTÁS A PUNTO DE AGOTAR TU PRESUPUESTO GRATUITO A MENOS QUE NOS AVISES, Y EN CASO DE NO
HACERLO, ES POSIBLE QUE TENGAS QUE AFRONTAR CARGOS EN TU TARJETA DE CRÉDITO.
A partir de ahora, tu sitio funcionará sin problemas.
¡Ya está todo listo!
