API – GOOGLE MAPS

1La API de Google Maps

Miguel Angel Mollericona, Marcelo Favio Nina & Royer Ariel Ticona

Universidad Privada del Valle.

Facultad de Informática y Electrónica

Ingeniería de Sistemas Informáticos

2021.
API – GOOGLE MAPS
2

Índice General
Capítulo 1.....................................................................................................................................4

Introducción.............................................................................................................................4

Objetivos..................................................................................................................................4

Objetivo General..................................................................................................................4

Objetivos Específicos..........................................................................................................4

Capítulo 2.....................................................................................................................................5

Marco Teórico.........................................................................................................................5

¿Qué Es Una API y Para Que Sirve?.......................................................................................5

Historia De La API De Google Maps......................................................................................6

¿Qué Es La API De Google Maps?.........................................................................................6

¿Para Qué Sirve y Qué Puedes Hacer Con La API de Google Maps?....................................6

¿Qué Es la Clave API De Google Maps?................................................................................7

¿Qué Mejoras Se Le Puede Dar a Google Maps?....................................................................7

Capítulo 3.....................................................................................................................................8

Implementación de la API en Un Sitio Web...........................................................................8

HTML..................................................................................................................................8

JAVA SCRIP.......................................................................................................................9

CSS....................................................................................................................................11

Capítulo 4...................................................................................................................................12
API – GOOGLE MAPS
3

Conclusión.............................................................................................................................12

Referencias Bibliográficas.....................................................................................................12
 API – GOOGLE MAPS
4

Capítulo 1

Introducción

La Presente Investigación se realizo para conocer acerca de la API de Google Maps

contestando a la interrogante acerca del ¿Que es una API?, también abarcaremos un poco de

historia acerca de la API de Google Maps.

Así también esta investigación abarca el funcionamiento de Google Maps, como también

encontrará la información necesaria acerca de esta API y de las distintas cosas que se pueden

realizar con la misma.

Como dato final esta investigación le dará una explicación a detalle acerca de esta API y le

dará una visión mas profunda sobre Google Maps y de como podemos implementar esta API en

nuestro sitio web.

Objetivos

Objetivo General.

El objetivo de esta Investigación es dar a conocer acerca de la API de Google Maps y sobre

cómo podemos llegar a implementarla en nuestro sitio web.

Objetivos Específicos

 Conocer Acerca de la Historia de la API de Google Maps

 Llegar a conocer la definición de lo que es Google Maps

 Conocer acerca del cómo funciona Google Maps

 API – GOOGLE MAPS
5

Capítulo 2

Marco Teórico

¿Qué Es Una API y Para Que Sirve?

El término API significa “Application Programming Interfaces”, que en español significa

Interfaces de programación de aplicaciones. Es un conjunto de definiciones y protocolos que se

utilizan para el desarrollo y la integración de software de aplicaciones, lo que permite la

comunicación entre dos aplicaciones de software a través de un conjunto de reglas.

Por lo tanto, podemos hablar de una API como una especificación formal que define como una

unidad de software que debe comunicarse o interactuar con otra unidad de software para realizar

una o más funciones. Todo depende de las aplicaciones que utilizará y de los permisos que el

propietario de la API conceda a los desarrolladores externos.

Una de las principales funciones de la API es facilitar a los desarrolladores el ahorro de tiempo

y dinero. Por ejemplo, si está creando una aplicación que es una tienda en línea, no necesita crear

un pago u otro sistema desde cero para verificar si un producto está disponible. Puede usar la API

de un servicio de pago existente, como PayPal, y pedirle al distribuidor que proporcione una API

que le permita ver cuánto inventario queda.

Con esto, no será necesario reinventar la rueda con cada servicio que se cree, ya que podrás

utilizar las partes o funciones creadas por otros. Imagina que cada tienda online tiene su propio

sistema de pago, es más conveniente para un usuario común poder hacerlo a través de los

principales servicios que son utilizados por casi todo el mundo.

 API – GOOGLE MAPS
6

Historia De La API De Google Maps

En junio de 2005 Google decidió revolucionar su idea de servidor de aplicaciones de mapas en

la web con el lanzamiento de su API de Google Maps, ofreciendo a sus usuarios la posibilidad de

desarrollar aplicaciones atractivas para la web y para dispositivos móviles que permiten mostrar

instrucciones para llegar en automóvil, imágenes de Street View y muchas otras opciones,

añadiendo características a gusto propio.

¿Qué Es La API De Google Maps?

La API de Google Maps es un servicio de Google que brinda diversas funciones como:

marcar, determinar rutas, dibujar áreas en un mapa, entre otras.

¿Para Qué Sirve y Qué Puedes Hacer Con La API de Google Maps?

A continuación, se muestran 4 ejemplos de lo que se puede realizar con esta API.

1. Crear una aplicación donde tengas que marcar una zona dentro del mapa o indicar

instrucciones para llegar a un destino. Un ejemplo de apps que hacen uso de este servicio

son Uber, WhatsApp, Tinder, Cabify, etc.

2. A través de una app web o móvil, gracias a la API de Google Maps puedes mostrar a los

usuarios bares, cafeterías, aeropuertos o tiendas de alimentos cercanos, usando una lista

filtrada con los lugares más relevantes para estos.

3. Estimar la duración de un viaje en función de los datos históricos por horario y día de la

semana.

4. La API de Google Maps les permite a las aplicaciones aplicar un código de colores a las

calles principales para reflejar el volumen actual del tráfico en tiempo real.
 API – GOOGLE MAPS
7

¿Qué Es la Clave API De Google Maps?

Es un tipo de identificación (Interfaz de Programación de Aplicaciones) para el uso de

aplicaciones con Google Maps. Lo primero que tenemos que hacer es solicitarla y más tarde la

insertaremos en nuestro sitio web.

Hay que tener en cuenta, que hay dos versiones: una de ellas es gratuita, con varias

limitaciones y otra versión Premium, es decir, de pago para los usuarios más avanzados y que

quieren sacarle mayor rendimiento.

La propuesta de Google es simplificar el uso de Google Maps para integrar sus mapas en

aplicaciones y servicios de terceros. Pero a cambio, encarecen el uso de las APIS.

¿Qué Mejoras Se Le Puede Dar a Google Maps?

Hay una nueva API que se ha integrado con Google Play Services, una actualización completa

del antiguo Google Maps porque los nuevos mapas están basados en vectores (por lo que serán de

mucha mayor calidad) y habrá un modo de renderizado 2D y 3D, esto nos permitirá rotar y rotar

las cartas. Esto lo hizo la aplicación Google Maps, pero era algo que los desarrolladores no

podían usar en sus aplicaciones.

La versión 2.0 de la API también permite la manipulación de fotos panorámicas y fotos

tomadas con el modo de cámara de Android 4.2. Dado que las imágenes panorámicas de 360 ° se

capturan en formato JPG con datos adicionales, se pueden agregar o editar fácilmente utilizando

la API. Google incluso dice que puede crear una Photo Sphere con un panorama simplemente

agregando estos datos adicionales usando su nueva API.

 API – GOOGLE MAPS
8

Capítulo 3

Implementación de la API en Un Sitio Web

Para implementar la API en nuestro sitio Web primero iniciamos con la estructura base de html

en el cual hacemos lo siguiente:

HTML
API – GOOGLE MAPS
9

JAVA SCRIP

Pasamos a lo que es el Scrip en este caso editamos el documento JS creado previamente

API – GOOGLE MAPS
10

Una vez concluido el documento JS quedaría de la siguiente manera

API – GOOGLE MAPS
11

CSS

Pasamos con un poco de CSS, en este caso no es el mejor, pero define algunos aspectos
 API – GOOGLE MAPS
12

Capítulo 4

Conclusión

En conclusión, Google Maps es una tecnología muy útil y efectiva ya que todas las ventajas de

Google Maps son evidentes y la gente las nota.

La Api es muy llamativa llegando a crear cosas increíbles con la misma sin embargo hay un

limitante que se pudo observar durante el proceso de esta investigación ya que se presentaron

algunas complicaciones, el principal problema está al momento de crear la API KEY, ya que al

usarlo se presentó un error por no registrar la tarjeta de crédito para poder habilitar la función

completa es decir que ahora la API en su versión completa es de paga, pero a pesar de esto, hay

algunas funciones que aun se pueden realizar como por ejemplo el uso de marker.

Referencias Bibliográficas

Google Maps APIs (mayo 25 de 2020), nextu, Recuperado el 24 de octubre de 2021 de

https://www.nextu.com/blog/google-maps-api/

Fernández Yubal (agosto 23 de 2019), Xataka, Recuperado el 24 de octubre de 2021 de

https://www.xataka.com/basics/api-que-sirve

Google Developers (octubre 21 de 2021), Simple Markers, Recuperado el 24 de octubre de 2021

de https://developers.google.com/maps/documentation/javascript/examples/marker-simple?hl=es

David Burton (junio 17 de 2015), Etiquetas de texto en Google Maps, Recuperado el 24 de

octubre de 2021 de https://www.it-swarm-es.com/es/javascript/etiquetas-de-texto-en-google-

maps-v3/1042808490/