Api geolocation

24
GEOLOCALIZACIÓN Integrantes: Alexander Balbuena Loredo Edgar Martínez Fuentes

description

 

Transcript of Api geolocation

Page 1: Api geolocation

GEOLOCALIZACIÓN

Integrantes:

Alexander Balbuena Loredo

Edgar Martínez Fuentes

Page 2: Api geolocation

Geolocalización

• Conocimiento de la propia ubicación geográfica de modo automático.

• Implica el posicionamiento que define la localización de un objeto en un sistema de coordenadas determinado.

Page 3: Api geolocation

API Geolocalización de HTML5

• Usada para obtener la posición geográfica de un usuario.

• Sistema de información geográfica que permite a los usuarios crear consultas interactivas, analizar la información espacial, editar datos, mapas y prensentar los resultados de todas estas operaciones.

• Luego surgieron nuevos usos para dicha información entre los que destacan: geocoding, geotargeting, geotagging, geomarketing, etc.

Page 4: Api geolocation

Características:

• Soportado por Internet Explorer 9+, Firefox, Chrome, Safari y Opera.

• Muestra la latitud, longitud, altitud sobre el nivel del mar y la fecha y hora de la búsqueda

• Puede funcionar como GPS mediante el método watchPosition()

Page 5: Api geolocation

Características:

• Permite determinar en base a dirección IP, la mac-address del dispositivo, en que nodo se encuetra dicho dispositivo, de esta forma, se puede localizar cualquier dispositivo no protegido.

• Sistema muy preciso.

• Geolocalización + Google Maps

• No requiere GPS

Page 6: Api geolocation

Características:

• Requiere permiso del usuario

• Proporciona coordenadas del lugar, no su nombre.

• No solo latitud y longitud

Page 7: Api geolocation

Utilidad:

• Localizar lugares, amigos, marcas, etc.

• Obtener información de lo localizado

• Compartir la ubicación con usuarios, amigos, público objetivo, target

• La Geo-e-comerce, herramienta comercial que aporta grandes beneficios a las marcas.

Page 8: Api geolocation

Utilidad:

• Posibilidad de publicidad no instrusiva.

• Genera engagement.

• Informar de la ubicación de tu centro de trabajo o de informar a tus amigos de tu ubicación.

Page 9: Api geolocation

Beneficios:

1. El check in

2. Organización política

3. Encontrar Negocios

4. Viajar de manera más eficiente

Page 10: Api geolocation

Beneficios:

5. Barrios de red

6. Seguimiento de desastres

7. Capturar el momento

Page 11: Api geolocation

Ejemplos prácticos

• A continuación voy a exponer unos ejemplos prácticos de esta API que ponen de manifiesto la sencillez de su uso:

• Detectamos si el navegador soporta la geolocalización.

• Si la respuesta es sí, reclamaremos las coordenadas de posición del usuario.

• Una vez recibidas las coordenadas, mostramos un mapa Google con la posición del usuario.

Page 12: Api geolocation
Page 13: Api geolocation
Page 14: Api geolocation

Geolocalizacion HTML5 + Google Maps!!!

• En este ejemplo mostraré de forma muy simple un ejercicio de la Geolocalización de HTML5 junto con Google Maps.

Por lo que para comprobar que nuestro navegador soporte la especificación de geolocalización de HTML5 podemos utilizar el siguiente condicional:

if (window.navigator.geolocation) { // Perfecto Soporte de Geolocalización } else { //err abra que hacer algo... }

Page 15: Api geolocation

El objeto de geolocalización tiene tres métodos públicos:

Método Descripción

clearWatch(watchId)Detiene el proceso supervisado asociada con el pasado watchId

getCurrentPosition(successCallback,[errorCallback, [options]])

Recopila información de geolocalización, llamando a successCallback() cuando tiene éxito o la errorCallback() opcional cuando falla.

watchPosition(successCallback, [errorCallback, [options]])

Intenta de reunir información de geolocalización a intervalos regulares, llamando successCallback() cuando tiene éxito o a la errorCallback() opcional cuando falla.

Page 16: Api geolocation

• En nuestro caso solo utilizarémos el método watchPosition(), recibiendo tres parámetros una función callBack que llamamos exito() la cual se ejecuta si la solicitud tubo éxito en caso contrario se establecerá la función falla(), dicha función corresponde al segundo parámetro y como tercer parámetro recibe un objeto literal que corresponde las opciones de posicionamiento a su vez tiene tres propiedades:

Page 17: Api geolocation

Propiedades de uso:

Propiedad Tipo de Dato Descripción

enableHighAccurary Boolean

Bandera de la API para tratar de llegar lo más cerca a la ubicación exacta de el dispositivo como sea posible. El valor predeterminado es false.

maximumAge Integer

Indica a la aplicación que va a aceptar que se guarde en caché la posición con una edad no mayor que el tiempo especificado en milisegundos. El valor predeterminado es 0.

timeout Integer

Indica la longitud máxima de tiempo, en milisegundos, que la aplicación se espera desde el comienzo de una llamada a la evocación de la función successCallback. El valor por defecto es 0.

Page 18: Api geolocation

Propiedad Descripción

cordsEste objeto contiene las coordenadas geográficas y otras

propiedades, solo nos interesan: latitud y longitud

timestamp Marca de Tiempo cuando la posición fue obtenida.

Page 19: Api geolocation

Propiedad Descripción

centerDefine el centro del mapa con una coordenada. La coordenada debe ser del tipo google.maps.LatLng

zoomDefine el nivel de zoom inicial del mapa. Debe ser un número entre 1 y 23, donde 1 es el zoom al cabo y 23 se amplía todo hacia adentro.

mapTypeId

Define el tipo de mapa que desea mostrar inicialmente. Todos los tipos de mapas se encuentran en el objeto google.maps.MapTypeId. Para obtener un mapa normal, es necesario ajustarlo en google.maps.MapTypeId.ROADMAP. Si en vez quería una imagen de satélite, lo establecido en google.maps.MapTypeId.SATELLITE.

Page 21: Api geolocation

Geolocalización con HTML5 y Javascript

Page 22: Api geolocation

Geolocalización con HTML5 y Javascript

El código es muy simple, en la función ‘geolocalizar’, el método ‘getCurrentPosition’ del objeto ‘navigator.geolocation’ se encarga de proporcionarnos la localización. A la función se le pasan 2 parámetros, una función que será llamada si se produce éxito, y otra llamada si se produce fracaso.

Tendremos que tenerlo alojado en un servidor web, ya que no funciona al tenerlo en local.

Vemos que en la última función nos devuelve los parámetros, latitud y longitud, vamos a google maps, copiamos las coordenadas y veremos a continuación cómo nos sitúa.

Page 23: Api geolocation

Geolocalización con HTML5 y Javascript

Si nuestra conexión es por cable, no funcionará bien (habrá más margen de error), deberemos tener activado el wifi, es probable que no nos situe exactamente donde estamos, si no con un pequeño margen.

Si queremos estas variables para situar en nuestra web un mapa, por ejemplo, podemos consultar el API de google para obtener uno, pasándole estos parámetros.

Page 24: Api geolocation

• Bibliografía

• Alfonso. 2012. CÓMO LA GEOLOCALIZACIÓN ESTÁ CAMBIANDO EL MUNDO. CÓMO LA GEOLOCALIZACIÓN ESTÁ CAMBIANDO EL MUNDO. [En línea] 23 de Abril de 2012. http://www.sozpic.com/como-la-geolocalizacion-esta-cambiando-el-mundo/.

• Argente, Manuel Alamar. 2012. Tutorial HTML5 – Geolocalización – Obtener Coordenadas de Usuario. [En línea] 26 de SEPTIEMBRE de 2012. http://www.apprendemos.com/tutoriales/html5-y-css3/geolocalizacion-obtener-coordenadas.

• 2007-2014. Definición de Geolocalización. [En línea] 2007-2014. http://www.definicionabc.com/geografia/geolocalizacion.php.

• htmlcinco. [En línea] http://www.htmlcinco.com/5-cosas-que-hay-que-saber-sobre-la-geolocalizacion/.

• Posicionamiento Con HTML5, Javascript Y Google Maps. [En línea] http://www.jldesign.com.mx/posicionamiento-con-html5-javascript-y-google-maps/.

• ROJAS, CALI. 2012. api de geolocalizacion con HTML5. [En línea] 21 de JULIO de 2012. http://www.lewebmonster.com/el-api-de-geolocalizacion-en-html5-geolocation-api/.

•