--- title: "API Google Maps: cómo conseguir una API Key en 10 minutos" description: "¿Qué es una API? ¿Para qué funciona la API de Google Maps? ¿Cómo podemos generar una API Key de manera fácil? Hoy nos toca resolver esta y otras preguntas sobre Google Maps en nuestro blog" url: https://www.ensalza.com/blog/api-google-maps/ date: 2018-09-19 modified: 2026-08-28 author: "Santy" image: https://www.ensalza.com/blog/wp-content/uploads/api-google-maps.jpg categories: ["Diseño Web"] tags: ["google", "google maps", "Tutoriales"] type: post lang: es --- # 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! ¿De qué hablamos hoy? Toggle - [¿Qué es la API de Google Maps?](https://www.ensalza.com/blog/api-google-maps/#%C2%BFQue_es_la_API_de_Google_Maps) - [¿Para qué sirve la API de mapas?](https://www.ensalza.com/blog/api-google-maps/#%C2%BFPara_que_sirve_la_API_de_mapas) - [¿Se puede usar Google Maps sin la API?](https://www.ensalza.com/blog/api-google-maps/#%C2%BFSe_puede_usar_Google_Maps_sin_la_API) - [¿Cómo conseguir una API Key de G.Maps?](https://www.ensalza.com/blog/api-google-maps/#%C2%BFComo_conseguir_una_API_Key_de_GMaps_actualizado_2018) - [Registro en Google Cloud Platform](https://www.ensalza.com/blog/api-google-maps/#Registro_en_Google_Cloud_Platform) - [Crear un proyecto](https://www.ensalza.com/blog/api-google-maps/#Crear_un_proyecto) - [Configurar método de pago](https://www.ensalza.com/blog/api-google-maps/#Configurar_metodo_de_pago) - [Habilitar API y generar API Key](https://www.ensalza.com/blog/api-google-maps/#Habilitar_API_y_generar_API_Key) - [Extra de seguridad: asociar tu página web a la API Key](https://www.ensalza.com/blog/api-google-maps/#Extra_de_seguridad_asociar_tu_pagina_web_a_la_API_Key) - [¿Cuánto cuesta la API de Google Maps?](https://www.ensalza.com/blog/api-google-maps/#%C2%BFCuanto_cuesta_la_API_de_Google_Maps) ## ¿Qué es la API de Google Maps? En términos informáticos, **[una API](https://www.ensalza.com/blog/diccionario/que-es-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 permite al programador utilizar un sistema sin tener que saber cómo está ese sistema desarrollado. 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](https://blog.ensalza.com/wp-content/uploads/app-api-google-maps.jpeg)*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](https://mapsplatform.google.com/?hl=es-419)** 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](https://blog.ensalza.com/wp-content/uploads/apis-google-maps-650x264.jpg)*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](https://elandroidelibre.elespanol.com/2018/05/google-maps-cambia-apis-desarrolladores.html) donde hablaban del tema. Si tienes una [web en WordPress](https://www.ensalza.com/diseno-web-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](https://blog.ensalza.com/wp-content/uploads/mapa-divi-api-google-maps-650x405.jpg)*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. 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](https://www.ensalza.com/blog/como-insertar-un-video-o-mapa-en-tu-wordpress/) en este mismo blog. ## ¿Cómo conseguir una API Key de G.Maps? 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 Google Workspace, 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](https://blog.ensalza.com/wp-content/uploads/api-google-maps-google-cloud-650x407.jpg)*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 l**o 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](https://blog.ensalza.com/wp-content/uploads/crear-proyecto-api-google-maps-650x624.jpg)*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](https://blog.ensalza.com/wp-content/uploads/facturacion-api-google-maps-650x273.jpg)*Debemos habilitar la facturación antes* 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](https://blog.ensalza.com/wp-content/uploads/api-google-maps-facturacion-650x422.jpg) 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](https://blog.ensalza.com/wp-content/uploads/mensaje-apis-maps-650x366.jpg) 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 correcto. 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](https://blog.ensalza.com/wp-content/uploads/seguridad-api-key-maps-575x650.jpg) 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](https://cloud.google.com/maps-platform/pricing/)** y a la [calculadora de precios](https://credits-calculator.appspot.com/) 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á bienvenid0 y si necesitas que [generemos o conectemos una API](https://www.ensalza.com/blog/desarrollo-apis-integraciones-erp/) por ti, siempre puedes contactar con nosotros 😉 ¡Hasta el siguiente!