Presentación preparada por Adrián Catalán (@ykro) Video disponible en http://youtu.be/KGp0kpHLgbQ

1. HTML5:
Geolocalización
Adrián Catalán
adriancatalan@elementalgeeks.com
@ykro

2. Cada vez que un sitio desea
saber la ubicación debe
solicitarle permiso al
usuario, así que la privacidad
no es un problema con esta
característica.

3. El funcionamiento es
asincrónico, es decir, se hace
una petición y se indica un
callback a ejecutarse cuando
el usuario indique si autoriza
o no.

4. La especificación completa
del API se encuentra en
http://www.w3.org/TR/geol
ocation-API/

5. Veamos algo de
código

6. <script type="text/javascript">
if (navigator.geolocation) {
alert('Todo bien');
} else {
alert(’No soportado');
}
</script>

7. getCurrentPosition(
successCallback,
errorCallback,
options);

8. <script type="text/javascript">
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(
function (position) {
lat = position.coords.latitude;
lon = position.coords.longitude;
}
);
} else {
alert(”No soportado");
}
</script>

9. Objeto recibido
• coords.latitude (double)
• coords.longitude (double)
• coords.altitude (double o null)
• coords.accuracy (double)
• coords.altitudeAccuracy (double)
• coords.heading (double o null)
• coords.speed (double o null)

10. Manejo de errores
• UNKNOWN_ERROR (0)
• PERMISSION_DENIED (1)
• POSITION_UNAVAILABLE (2)
• TIMEOUT (3)

11. Opciones
• enableHighAccuracy
– boolean
– false por defecto
– true puede hacerlo lento
• timeout
– long
– en ms
• maximumAge
– long
– en ms

12. long watchPosition(
successCallback,
errorCallback,
options);

13. void
clearWatch(long
watchId);

14. HTML5:
Geolocalización
Adrián Catalán
adriancatalan@elementalgeeks.com
@ykro