api geolocation
Post on 16-Dec-2014
175 Views
Preview:
DESCRIPTION
TRANSCRIPT
GEOLOCALIZACIÓN
Integrantes:
Alexander Balbuena Loredo
Edgar Martínez Fuentes
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.
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.
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()
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
Características:
• Requiere permiso del usuario
• Proporciona coordenadas del lugar, no su nombre.
• No solo latitud y longitud
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.
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.
Beneficios:
1. El check in
2. Organización política
3. Encontrar Negocios
4. Viajar de manera más eficiente
Beneficios:
5. Barrios de red
6. Seguimiento de desastres
7. Capturar el momento
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.
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... }
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.
• 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:
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.
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.
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.
Geolocalización con HTML5 y Javascript
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.
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.
• 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/.
•
top related