David Fernández PuentesJuan Antonio Romero Olmo

Curso 2013-2014

API Geolocalización HTML5 e interacción

con Google Maps

Contenido:● Introducción a la Geolocalización. ok● ¿Cómo funciona la Localización?ok● Tipos de Geolocalización.ok● Posibilidades de uso de Geolocalización.ok● Uso de Geolocalización en HTML5.● Integración de la Geolocalización y Google

Maps.● Ejemplo de uso.

Introducción a la Geolocalización.

¿Qué es la Geolocalización?

Un sistema que permite determinar la posición de un objeto, persona o

dispositivo con una precisión exacta.

¿Cómo funciona la Geolocalización?

Usa una red de satélites, que rodean la superficie de la tierra de forma sincronizada para cubrir toda la superficie de la tierra.

X24 =

Se calcula el tiempo que tarda la señal desde el satélite

hasta el terminal que ha realizado la

petición.

Una vez que se sabe el tiempo que ha

tardado, se calcula la distancia al satélite y se calcula la distancia

por triangulación.

Pero… Mi móvil no tiene GPS

Tipos de Localización.

● Mediante GPS, ajuste de localización “real”.

● Mediante Wifi, ajuste de localización de 100 metros aprox.

● Mediante GSM, ajuste de localización de 500 metros aprox.

● Mediante Dirección IP, ajuste de localización a nivel de Cuidad

MayorAjuste

MenorAjuste

Posibilidades de la Geolocalización

Posibilidades de la GeolocalizaciónMapas

Posibilidades de la GeolocalizaciónBusiness Intelligence

Posibilidades de la GeolocalizaciónRedes Sociales

Posibilidades de la GeolocalizaciónSensores

Posibilidades de la GeolocalizaciónImágenes

Posibilidades de la GeolocalizaciónBBDD

Posibilidades de la GeolocalizaciónServicios empresariales

Posibilidades de la GeolocalizaciónBig Data

Vídeo explicativo:https://www.youtube.com/watch?v=n8fdYHoEEAM#t=41

Posibilidades de la GeolocalizaciónJuegos

Posibilidades de la Geolocalización

● Vamos a ver las principales características de la API de Google Maps.● Tipos de Mapas● ROADMAP● SATELLITE● HYBRID● TERRAIN

● Objeto GMaps en PrimeFaces

Uso de la geolocalización en HTML5

Tipo de vista RoadMap Tipo de vista Satélite

Tipos de mapas

Ejemplo con HTML5 y JavaScript

Ejemplo con HTML5 y JavaScript

Ejemplo con HTML5 y JavaScript

Ejemplo con HTML5 y JavaScript

★ Simple GMap★ Map Events★ Markers★ Marker Selection★ Adding Markers★ Info Window★ Polylines

★ Polygons★ Circles★ Rectangles★ Street View★ Controls★ Map in a Dialog

Objeto GMaps en PrimeFaces

Vistas con PrimeFaces

Mapa Simple(Simple GMap)

Ejemplos con JSF y PrimeFaces

Mapa con ventana de información(Info Window)

Ejemplos con JSF y PrimeFaces

API de Google Maps

Sitio Web de PrimeFaces

http://www.slideshare.net/gersonbeltran/usos-de-la-geolocalizacion-en-el-marketing-online

http://banzee.net/noticia/diferentes-usos-de-las-herramientas-de-geolocalizacion/

http://www.waspbarcode.com/buzz/pros-cons-geo-location-apps-business/

https://developers.google.com/maps/documentation/business/geolocation/

http://www.practicalecommerce.com/articles/2780-10-Geolocation-Apps-for-Business

http://mashable.com/2010/02/19/business-geolcation-ready/

http://www.nytimes.com/2010/10/07/business/smallbusiness/07sbiz.html?pagewanted=all&_r=0

http://www.w3schools.com/html/html5_geolocation.asp

http://www.apprendemos.com/tutoriales/geolocalizacion-obtener-coordenadas

http://www.antonionavajas.com/blog/categoria-tutoriales/geolocalizacion-html5/

Referencias Web