API Google Maps: cómo conseguir una API Key en 10 minutos

Hay días que me levanto muy muy Millenial y pienso: “¿Cómo narices me movía por el mundo cuando no existía Google Maps?” De verdad, que me imagino de viaje con mi mapa de papel o intentando orientarme para llegar a un sitio un poco escondido y no me veo.

De entre todas las utilidades maravillosas de Google Maps, hay una especialmente poderosa y bastante poco conocida fuera del sector más técnico o de desarrollo web: la API de Google Maps.

En las últimas semanas he hablado varias veces de esta herramienta de Google y, como siempre me pasa últimamente, he aprovechado para juntar esa información y escribir este post. ¡Espero que te resulte útil!

¿Qué es la API de Google Maps?

En términos informáticos, una API (Interfaz de Programación de Aplicaciones por sus siglas en inglés) es un conjunto de normas que permiten a 2 sistemas diferentes entenderse.

Una API facilita al programador la conexión entre aplicaciones de diferente naturaleza.

Para el caso de Google Maps, su API ofrece una serie de funciones que permiten a los programadores integrar los servicios de Google en sus desarrollos webs (o aplicaciones móviles) de manera más o menos sencilla, sin tener que volver a programar todas las funcionalidades de Google Maps ni tampoco tener que conocer cómo lo han programado.

Apps que usan API Google Maps

Existen cientos de apps que usan la API de Google Maps

Podríamos decir que una API es una especie de “traductor” que se encarga de transformar las peticiones de un desarrollo informático a otro lenguaje o sistema y después devolver el resultado como respuesta.

¿Para qué sirve la API de mapas?

La API de Google Maps se incluye dentro del servicio de Google Maps Platform y engloba realmente muchas APIs individuales para los distintos servicios o funcionalidades que ofrece.

Desde las APIs se pueden generar mapas con estilos personalizados, crear rutas a partir del tráfico o consultar las imágenes de Google Earth o Street View, entre otras muchas cosas.

apis-google-maps

Correcto, hay más opciones de las que pensabas en Google Maps

Aunque lleva existiendo mucho tiempo, en los últimos meses se ha escuchado/leído muchísimo más sobre las APIs de Google Maps. ¿Por qué? Sencillamente porque en 2017 Google pasó a obligar usar una clave privada para usar los servicios de su API. Y después, en 2018, decidió hacer la API de pago para cierto tipo de peticiones fuera de los mapas estándar.

En 2018, Google cerró el grifo de las APIs de Maps para hacerlas de pago

Esto supuso un caos bastante grande para aquellas apps que giraban mucho alrededor de los mapas de Google y que iban a tener que empezar a pagar por su uso. Pero más adelante hablamos del tema de pago, que me lío. Si quieres, puedes echarle un ojo a este post de elandroidelibre donde hablaban del tema.

Si tienes una web en WordPress es posible que hayas necesitado generar esa API Key. O directamente has optado por otros métodos para incrustar tus mapas. Algunas plantillas como Divi, utilizan la API de Google Maps para mostrar los mapas y necesitan que le pongas la clave para que no dé error:

mapa divi api google maps

Módulo Mapas para Divi

¿Se puede usar Google Maps sin la API?

Respuesta corta: sí, se puede tener un mapa de Google Maps en tu web sin pasar por caja. Al menos de momento.

¿Se puede usar Google Maps en tu web sin la maldita API? La respuesta aquí Clic para tuitear

Los mapas generados con el código de “embed” desde la web de Google Maps de momento no hacen uso de la API y no necesitan de claves ni pagos. Hace unos meses te contábamos cómo insertar un mapa de Google Maps en este mismo blog.

¿Cómo conseguir una API Key de G.Maps? [actualizado 2018]

A raíz de los últimos cambios en la plataforma de Google que hemos comentado, el método para conseguir generar la clave de la API de Google Maps (API key en inglés y la mayoría de plugins y themes de WordPress) ha cambiado ligeramente y es un poco lioso.

Pero voy a intentar ponerlo fácil y paso a paso.

Registro en Google Cloud Platform

El primer paso es acceder a Google Cloud Platform, la plataforma de Google en la nube que también sirve de centro para G Suite, del que ya os hemos hablado antes por aquí también.

Para acceder, podemos ir a https://cloud.google.com/ y entrar con nuestra de Google (una de G Suite o una de Gmail es suficiente) o entrar directamente (más fácil) a este enlace que nos lleva directo al acceso de Maps. Te encontrarás algo así:

api-google-maps-google-cloud

Primeros pasos en Google Cloud Platform para Maps

Si no se abre directamente esta ventana, haz clic en el botón de “Primeros pasos” de la esquina superior derecha.

En esa primera ventana, debemos marcar qué APIs queremos utilizar. Aquí ya depende de tu aplicación y lo que necesites, pero lo habitual es que solo marques la de Maps (se puede cambiar después, no sufras).

Crear un proyecto

Si no estamos logados aún, nos pedirá entrar en nuestra cuenta de Google antes de continuar al siguiente paso. Este es fácil: usuario y contraseña de Gmail y a correr.

Seguramente nos toque repetir el punto anterior. Otra vez clic en primeros pasos, y marcamos las APIs que queramos usar.

Ahora toca crear un proyecto. Google Cloud Platform se mueve por proyectos, y cada proyecto tiene sus accesos a APIs y sus estadísticas. Es un poco rollo, pero es mucho más eficiente para tener todo controlado cuando tienes varios proyectos en paralelo.

crear-proyecto-api-google-maps

Creando el proyecto

Es sencillo, ponemos nombre al proyecto (Por ejemplo, “mapas Web corporativa” o lo que quieras) y aceptamos las condiciones de servicio

Configurar método de pago

Una vez tengamos el proyecto, lo siguiente que nos pedirá es configurar es el método de pago. Sí, esta es una de las últimas “trabas” que pusieron: es imprescindible meter el método de pago antes de generar la API Key. Esto en la práctica puede ser un drama si tenemos un pico de visitas descomunal, por lo que tienes que tener claro cuál será tu tráfico y qué costes podría suponer. Pero hablamos de los precios más adelante.

facturacion-api-google-maps

Debemos habilitar la facturación antes

Ahora, para usar la API de Google Maps es obligatorio meter un método de pago Clic para tuitear

El proceso para crear la cuenta de facturación es bastante sencillo. Simplemente rellena tus datos y lo tendrás todo listo.

api-google-maps-facturacion

Me hace gracia que nos pidan la tarjeta de crédito para comprobar que no somos un robot… ¡antes usábamos captchas para eso!

Habilitar API y generar API Key

Una vez tengamos asociada la forma de pago, volveremos al proceso de activar las APIs de Google Maps. Nos encontraremos un mensaje de este estilo:

mensaje-apis-maps

Después de darle a continuar, se quedará un rato pensando y terminará por generar, por fin, la deseada API KEY que necesitábamos.

(Sí, aquí debería ir otra captura, pero soy un poco tonto y he cerrado la ventana sin querer… no me lo tengáis mucho en cuenta)

Ya solo tienes que copiarla y pegarla en la plataforma/web/plugin/theme que necesitabas y comprobar que todo funciona bien. O para enviársela a tu desarrollador para que integre la APIs correctamente.

Extra de seguridad: asociar tu página web a la API Key

Para evitar sustos (y disgustos) en la facturación, una buena medida de seguridad es restringir el proyecto y la API Key únicamente a tu web (o webs o apps) que tú administres.

En esa propia de Google, tenemos un enlace hacia la “API Console” desde donde podemos gestionar esto.

Desde aquí podremos generar una nueva API, cambiarle el nombre para identificarla mejor y, lo más interesante de todo, establecer restricciones de uso.

seguridad-api-key-maps

Lo habitual es marcar la opción “URLs de referencia HTTP (sitios web)” y en el cuadro que aparecerá después, incluir nuestra web.

 

Consejo: rellena con https://tudominio.com si los mapas están en la home de tu web y con https://tudominio.com/* si están en cualquier otra página interior. De lo contrario, es posible que te dé error.

 

Ahora sí que sí. ¡Listo! Ya podemos utilizar la API Key de Google Maps y ser un poquito más felices… hasta que hablemos del pago/precio de la herramienta.

¿Cuánto cuesta la API de Google Maps?

Os voy a ser 100% sincero: no consigo aclararme con los pagos de Google Maps. Tengo claro dos cosas:

  • Al registrarte en el sistema tienes 200$ mensuales de crédito gratis.
  • Ese crédito debería ser suficiente para cubrir necesidades básicas de tu web.

En la práctica, en Ensalza tenemos varias webs de clientes (corporativas, con poquito tráfico) y todavía no hemos llegado a cubrir ni el 60% de los créditos gratuitos mes a mes. Así que debe cundir bastante.

Para resolver todas tus dudas sobre esto (y porque sospecho que lo van a ir cambiando en los próximos meses), te invito a que le eches un ojo a la propia página de precios de Google Maps y a la calculadora de precios que han desarrollado en Google.

Bueno, pues hasta aquí el artículo de hoy ¿os ha resultado sencillo el proceso? ¿habéis necesitado usar la API de Google Maps en algún momento?

Como siempre, cualquier comentario o pregunta que queráis hacernos será bienvenida.

¡Hasta el siguiente!

¿Te apuntas a nuestra newsletter?

* Para cumplir con la nueva Ley de Protección de Datos y que tus datos estén seguros con nosotros, debes leer y aceptar nuestra política de privacidad. Tus datos serán gestionados por nosotros, Ensalza S.L y almacenados en Mailchimp, nuestro proveedor de mailing. No tenemos intención de ceder tus datos a terceros salvo mandato legal y siempre podrás ejercer tus derechos sobre ellos. Puedes informarte sobre nuestra política de privacidad al pie de esta página.

16 comentarios en “API Google Maps: cómo conseguir una API Key en 10 minutos”

    • Hola David!

      En principio no deberías tener problemas en añadir una IP. Al fin y al cabo lo debería tratar como un dominio más. Aunque si te soy sincero no lo he probado nunca.

      Y al ver tu pregunta me surge la duda de qué ocurre si estás trabajando en local con la API. Tampoco tengo claro si en ese caso es necesario añadirlo o al no estar "público" Google no hará la validación.

      Vaya, creo que en lugar de resolverte la duda he abierto alguna más. Toca ponerse a investigar.

      Gracias por comentar!

  1. Muy buen articulo, estaba buscando informacion acerca de la API de Google Maps, lo cierto es que no me decidi a meter mi tarjeta de credito y tampoco me decido a usar otro sistema de geolocalizacion. Vere que hago, supongo que terminare usando Google, espero que no me cobren, de cualquier modo estoy en un proyecto muy sencillo. Saludos.

    • Hola Nicolás,

      No he probado alternativas a la API de Google Maps así que en esa línea no puedo aconsejarte mucho. Lo único que puedo decirte es que, si no tienes claro el uso que le quieres dar a la API, tal vez con un mapa incrustado sea suficiente para tu web y puedes evitar el tema de meter la tarjeta de crédito.

      Gracias por comentar, saludos!

  2. Fantástico artículo y muy bien explicado.

    De todas formas, no se si es porque soy yo y Google me tendrá manía o cual será el motivo, cuando accedo a la Google Platform y sigo exactamente todos tus pasos, sólo me dice que me da 300$ de crédito para la versión gratuita y nada más, eso si, ya me pide los datos bancarios. Al menos a mi no me sale nada de 200$ al mes gratis.

    Tengo creada ya una API key de otro proyecto que hice a modo de pruebas para un cliente y aunque le ponga la misma clave, el error sigue siendo el mismo.

    (Para entendernos… me sale el icono de una mano cerrada en puño con el dedo corazón levantado. Algo así como mandándome a la m….)

    En fin, fuera bromas espero me puedas aclarar esta duda.

    Gracias y hasta pronto.

    • Hola Alejandro,

      Sí es normal que te pida de primeras los datos de pago. Lo que me resulta raro es lo del saldo. Hace un par de semanas hice otra cuenta para un cliente y el proceso se mantenía igual que cuento por el artículo…

      ¿Tal vez es la ubicación? ¿Estás desde España?

      Un saludo y gracias por comentar!

  3. Excelente articulo, y muy buena explicación.

    Quería ver si podrías ayudarme con una duda que tengo ¿Cuanto tiempo toma que las aplicaciones tomen un cambio al momento de especificar una política de seguridad de una API de Google Maps?

    Muchas gracias y saludos.

    • Hola Esteban,

      Normalmente no suelen pasar más de 5-10 minutos hasta que la configuración queda aplicada.

      Un saludo y gracias por comentar!

  4. Hola, estoy algo perdido con esto del api key resulta que hace rato subí una web para un cliente y tuve que crear la cuenta y todo hace como 4 meses y la verdad hasta ahora no he tenido sorpresas en mi tarjeta de crédito lo cual es bueno. Ahora estoy por terminar otra web totalmente distinta con otro dominio y todo diferente, la pregunta es si ya por haber creado una sola API key ese mismo key lo puedo usar en distintos sitios o debo crear una Api Key para cada uno de los sitios que incluso a futuro desarolle?

    • Hola Frank,

      Lo ideal sería que comunicaras a tu cliente el tema de la API Key (principalmente si prevés que va a tener mucho tráfico) y que sí crees una cuenta y una API Key para cada uno.

      La otra opción, si el proyecto no necesita grandes usos de la API (solamente mapas simples, por ejemplo) es que intentes huir de la API Key y trabajes con los mapas de Google "normales". Así evitarás posibles sustos en la tarjeta.

      Espero haberte ayudado.

      ¡Gracias por comentar!

      • Genial Santy,

        Me lo has dejado super claro, la verdad el tema de mapas es solo informativo para ubicar el varios puntos de venta y ya. El tema de la api se dio por qué hay varios temas para WordPress en los cuales en su configuración generan nos dan la Opciones de insertar el API Key de maps para habilitar justamente el mapa del tema. Entonces para evitar sorpresas me aconsejas cerrar la cuenta de google developer ¿eso se puede? y más bien podría trabajar con in iframe directo de google maps o insertando un plugin de mapas en mi web, has escuchado de snazzymaps o cual me recomiendas.

        Gracias por sus respuestas

  5. Hola! Tengo una duda. He seguido todos los pasos correspondientes. Estoy trabajando en un store locator en una página que he armado en Shopify, los desarrolladores de la página es Lifter Apps. Esta app obviamente solicita una api, la he ingresado pero aparece un error que el buscador no puede localizar mi ubicación y en el mapa aparece "for development use" o algo por el estilo. Me podrías ayudar con esto?

    • Hola Gonzalo, gracias por comentar.

      La verdad que no manejamos Shopify y no puedo ayudarte mucho en este punto. Lo que comentas que has hecho tiene pinta de estar bien.

      ¿Has esperado un rato para que se apliquen los cambios? ¿No tienen un área de soporte en Lifter Apps para que puedas preguntarles?

      Espero que puedas solucionarlo.

      Un saludo!

Deja un comentario

Acepto la política de privacidad (Sí, tus datos están seguros con nosotros) *

Antes de enviar el formulario, puedes leer aquí la información básica sobre protección de datos:

  • Responsable: Ensalza S.L
  • Finalidad: responder a tu comentario y notificarte sobre nuevas respuestas.
  • Legitimación: tu consentimiento a través de este formulario.
  • Destinatarios: no tenemos previso ceder sus datos a terceros, salvo por obligación legal. 
  • Derechos: tienes derecho a acceder, rectificar, suprimir, portabilidad y oposición a tus datos. Los datos de contacto serán almacenados en nuestros servidores y en Mailchimp, nuestro proveedor de mailing. 
  • Info adicional: puedes consultar la información adicional y detallada sobre protección de datos en el enlace al pie de esta página.
Share This