Geolocalización en HTML5

689 views

Published on

Presentación preparada por Adrián Catalán (@ykro)

Video disponible en http://youtu.be/KGp0kpHLgbQ

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
689
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
24
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Geolocalización en HTML5

  1. 1. HTML5: Geolocalización Adrián Catalánadriancatalan@elementalgeeks.com @ykro
  2. 2. Cada vez que un sitio deseasaber la ubicación debesolicitarle permiso alusuario, así que la privacidadno es un problema con estacaracterística.
  3. 3. El funcionamiento esasincrónico, es decir, se haceuna petición y se indica uncallback a ejecutarse cuandoel usuario indique si autorizao no.
  4. 4. La especificación completadel API se encuentra enhttp://www.w3.org/TR/geolocation-API/
  5. 5. Veamos algo de código
  6. 6. <script type="text/javascript">if (navigator.geolocation) { alert(Todo bien);} else { alert(’No soportado);}</script>
  7. 7. getCurrentPosition( successCallback, errorCallback, options);
  8. 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. 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. 10. Manejo de errores• UNKNOWN_ERROR (0)• PERMISSION_DENIED (1)• POSITION_UNAVAILABLE (2)• TIMEOUT (3)
  11. 11. Opciones• enableHighAccuracy – boolean – false por defecto – true puede hacerlo lento• timeout – long – en ms• maximumAge – long – en ms
  12. 12. long watchPosition( successCallback, errorCallback, options);
  13. 13. voidclearWatch(longwatchId);
  14. 14. HTML5: Geolocalización Adrián Catalánadriancatalan@elementalgeeks.com @ykro

×