2. 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.
3. 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.
4. 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()
5. 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
7. 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.
8. 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.
9. Beneficios:
1. El check in
2. Organización política
3. Encontrar Negocios
4. Viajar de manera más eficiente
11. 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.
12.
13.
14. 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... }
15. 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.
16. • 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:
17. Propiedades de uso:
Propiedad
enableHighAccurary
maximumAge
timeout
Tipo de Dato
Descripción
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.
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.
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.
18. Propiedad
Descripción
cords
Este 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.
19. Propiedad
Descripción
center
Define el centro del mapa con una coordenada. La coordenada debe ser
del tipo google.maps.LatLng
zoom
Define 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.
22. 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.
23. 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.
24. • 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/html5y-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-lageolocalizacion/.
• 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/.
•