En esta guía explicaremos cómo configurar tu cuenta de google maps para habilitar los servicios de búsqueda dentro de tu sitio web.
Lo primero que debes hacer es ingresar a https://mapsplatform.google.com/ y hacer click en el botón “empezar” que se encuentra en la esquina superior derecha para dar inicio a todo el proceso de alta de la cuenta en Google Maps.
Es posible que te pida iniciar sesión. Si esto sucede, utiliza una cuenta de Google o Gmail para iniciar sesión. En caso de que no te pida iniciar sesión, puedes avanzar con esta guía sin problemas.
Una vez que inicies sesión, es posible que te aparezca una pantalla como al siguiente (si no te aparece no te preocupes, continúa con la guía:
Si eso ocurre, deberás elegir tu país, y marcar el primer check. No hace falta que marques el segundo check.
Una vez hecho esto, presiona "ACEPTAR Y CONTINUAR".
Ahora debes estar frente a una opción como la siguiente. Haz click en "FINALIZA LA CONFIGURACION DE LA CUENTA"
Aguarda un momento y serás redirigido a la siguiente pantalla
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?: Elije React (+Next.js) y Jquery
Presiona "Enviar".
Aguarda un momento y serás redirigido a la siguiente pantalla
Si luego de un tiempo no aparece esta pantalla, y en su lugar sigue apareciéndote el botón "FINALIZA LA CONFIGURACION DE LA CUENTA", haz click en el y deberías arribar a esta pantalla.
Una vez aquí, asegúrate de que tu país esté elegido y haz click en "Aceptar y continuar".
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. No te preocupes, más adelante configuraremos un presupuesto con alertas para que evites tener costos en tu tarjeta.
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:
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.
Esta pantalla está mostrando tu clave de api, que es el dato que necesitamos. Copia este dato, lo necesitaremos más adelante. Para copiar puedes usar el botón resaltado con rojo.
Una vez que tengas tu clave de api guardada, asegurate de que los dos checks estén marcados tal como se ve en la foto, y presiona el botón "IR A GOOGLE MAPS PLATFORM".
Aguarda un momento, hasta que aparezca la siguiente pantalla (puede demorar hasta un minuto):
En el desplegable, elige la opción "Sitios web". Al elegir la opción aparecerá un campo adicional llamado "URL de referencia". En este campo deberás colocar el dominio de tu página web usando el siguiente formato: 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)
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".
Opcionalmente (esto no ocurre siempre), es posible que justo en la parte superior, al principio de tu pantalla, aparezca una barra 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".
Bien!! ya hemos configurado la clave de Api, y con esto tu sitio podrá funcionar sin problemas!!
Ahora que ya tienes tu clave de api (la que copiaste anteriormente) vamos a colocarla en tu sitio web de Brokian.
Para ello sigue estos pasos:
ingresa a tu cuenta de Brokian
Dirigete a la configuración de tu sitio web presionando el botón azul correspondiente
Una vez dentro del panel de control de tu página web, haz click en "Configuración"
Sobre el panel lateral, busca la opción "Módulos complementarios"
Haz click en la opción "Búsqueda por mapa"
En la pantalla de configuración, coloca tu api key (el dato que copiaste) en el campo "Api Key de Google Maps". (si quieres realizar alguna configuración adicional, puedes hacerlo).
¡Ya está todo listo!
A partir de ahora, tu sitio funcionará sin problemas, y en caso de que tu presupuesto gratuito está a punto de agotarse, Google te enviará mensajes a tu correo electrónico advirtiendo de esta situación.