notifications Notificaciones

Marcar todas como leídas

Ver más

lightbulb_outline

Configurar una cuenta de Google Cloud para usar Google Maps

timer 3 Min.

remove_red_eye 881

calendar_today

En este tutorial aprenderemos como integrar google maps a nuestro proyecto.

Consideraciones

Algo que tenemos que tomar en cuenta es la limitación que tiene google maps, y es que para poder usar google maps debemos de ingresar un método de pago, esto es debido a que ahora google maps tiene un precio mensual, dependiendo de la cantidad de peticiones.

Podemos ir a la Tabla de precios para poder ver la cantidad de peticiones que podemos realizar.

Auque si tu estás integrando maps para un proyecto pequeño esto no debería de preocuparte. Ya que google nos da 200 dolares mensuales gratis para poder usarlo en integraciones de mapas.

Configuración proyecto

Para comenzar nos dirigermosa a Console

Elegimos la pestaña de Selecionar un proyecto y procedemos dar click nuevo proyecto.

Le damos un nombre y procedemos a crear el proyecto.

Lo siguiente es dar click nuevamente a la pestaña de Selecionar proyecto y elegimos el que acabamos de crear.

El siguiente paso es ingresar al link en el panel izquierdo, llamado Apis & Services. Nos dirigimos a credentials y procedemos a generar una nueva credencial.

Elegimos la primer opción Api key.

Procedemos a copiar la key que usaremos en unos momentos.

En el menú de la izquierda veremos un link llamado Library procedemos a dar click.

En el buscador procedemos a buscar maps elegimos la opción de Maps Javascript Api.

Damos click en habilitar y esperamos.

Como siguiente paso podemos ir al enlance Google maps y copiamos el ejemplo, en el javascript veremos.

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"

Lo que tenemos que hacer es remplazar YOUR_API_KEY con la key que copiamos hace unos momentos.

Configuración método de pago

Si ahora vamos a nuestro proyecto nos dirá que tenemos que agregar un método de pago para continuar. Para ello entonces accedemos al siguiente link Billing

Procedemos a elegir nuestro proyecto.

Y procedemos a habilitar el pago.

Como paso final únicamente tenemos que llenar el formulario con nuestra información.

Y si volvemos a actualizar nuestro proyecto, veremos que ya podemos hacer uso de nuetro mapa.

Otros artículos del blog

Comunidad