¿Cómo configuro mis mapas de Google?

Este artículo está diseñado para que los clientes conozcan los pasos a seguir para crear una clave de API de Google Maps.

Siga estos pasos

  1. Regístrese en Google Cloud Platform

  2. Crear un nuevo proyecto

  3. Activar facturación

  4. Activar y crear clave API

  5. Cómo habilitar JavaScript en mi Clave API

  6. Agregar clave API al CMS

 

1. Regístrese en Google Cloud Platform.

Para comenzar, debes acceder a la Plataforma de Google Cloud. Esta es la plataforma en la nube de Google donde puedes gestionar los mapas y otras funciones.

Para acceder, podemos ingresar directamente con nuestra cuenta de Gmail o cuenta de G Suite a través de este enlace directo a los mapas: https://cloud.google.com/maps-platform/#get-started

Aparecerá en esta pantalla:

googlemaps-001

Si la ventana no se abre directamente, debes hacer clic en el botón 'Comenzar'. En esta primera pantalla, debes seleccionar la opción 'Mapas'. Una vez seleccionada, puedes continuar.

También debes seleccionar 'Places' si deseas agregar puntos de interés a tus mapas. Si tu API de 'Maps' ya está configurada, verifica que 'Places' también esté habilitado.




2. Crear un nuevo proyecto.

Si no has iniciado sesión, Google te pedirá que ingreses en tu cuenta de Google antes de continuar con el siguiente paso. Deberás utilizar tu nombre de usuario y contraseña de Gmail o G Suite.

La Plataforma de Google Cloud funciona con proyectos, y cada proyecto tiene acceso a las APIs y estadísticas.

googlemaps-002

Tendrás dos opciones: crear un nuevo proyecto o usar uno ya creado. Si decides crear un nuevo proyecto, debes asignarle un nombre y aceptar los términos de servicio.


 

3. Activar facturación.


Es muy importante seleccionar el método de facturación antes de crear la clave de la API.

googlemaps-003


Para ello, debes seleccionar la opción "Crear cuenta de facturación". Encontrarás dos pasos para verificar la cuenta de facturación:

Step 1

googlemaps-004


Debes aceptar los términos de servicio y hacer clic en "Aceptar y Continuar".

Step 2

googlemaps-005


Completa la información solicitada en el formulario de contacto cuando se te pregunte acerca del método de facturación. Debes seleccionar si prefieres utilizar una tarjeta de crédito, una tarjeta de débito o quizás una cuenta bancaria.

googlemaps-006

IMPORTANTE: Google te ofrece $300 gratis para gastar, pero te solicitan tu tarjeta de crédito para asegurarse de que no eres un robot. No se te cobrará a menos que decidas actualizar manualmente a una cuenta de pago.


 

4. Activar y crear clave API

Una vez que hayas seleccionado el método de pago, regresa al proceso de activación de las APIs de Google Maps. Para hacerlo, accede a tu consola de Google, desde donde podrás acceder al paso para crear las credenciales.

Para acceder al servicio de APIs, debes abrir el menú de navegación:

googlemaps-007

 

A continuación, en "APIs y servicios", debes ingresar en "Credenciales":

googlemaps-008

 

Dentro de la consola, puedes crear la clave API. Haz clic en "Crear credenciales" y selecciona "Clave API".

googlemaps-009


La Consola creará la Clave API y la copiarás y pegarás para enviarla.

googlemaps-010


Una vez que se haya creado la Clave API, debemos verificar si JavaScript está habilitado y cuál es nuestro límite diario.


 

5. ¿Cómo habilitar JavaScript en mi Clave API?


En primer lugar, debes acceder a tu consola de Google, donde puedes administrar los diferentes servicios disponibles: https://console.cloud.google.com/home


En el lado izquierdo, encontrarás la sección de APIs y Servicios, donde debes hacer clic en el Panel de Control:

googlemaps-011

Luego, debes hacer clic en "Activar APIs y Servicios", como se muestra en la imagen:

googlemaps-012

Selecciona Maps JavaScript API:

googlemaps-013

Por último, aparecerá un mensaje en la parte superior de la página como el siguiente, donde debemos hacer clic en "Administrar". Para asegurarnos de que lo hemos hecho correctamente, deberíamos ver al lado del botón azul una marca de verificación con el mensaje: API habilitada.

googlemaps-014

Límite diario de la API.

Dentro de nuestro proyecto en la Consola de Google, debemos verificar en el Panel de Control si hemos activado un límite diario, para esto:

Primero, abre la lista de las APIs activadas y haz clic en la rueda:

googlemaps-015

Luego, debemos verificar los datos de 'Cargas de mapas por día'. Si aquí está escrito '1', se debe editar:

googlemaps-016

Escribe 'ilimitado':

googlemaps-017


 
6. Agregar clave API al CMS.

Ir a la sección. 1. “Configure your site” > “Property main info” > “Google Maps API”

googlemaps-018