Recommended
More Related Content
Similar to Location Aware Browsing
Similar to Location Aware Browsing (20)
More from Aizat Faiz
Location Aware Browsing
- 1. Location Aware Browsing Aizat Faiz aizat.faiz@gmail.com http://www.flickr.com/photos/st3f4n/2860706946/ http://creativecommons.org/licenses/by/3.0/
- 2. http://www.flickr.com/photos/st3f4n/2860706946/ http://creativecommons.org/licenses/by/3.0/ Download and view at http://blog.aizatto.com/?p=3847
- 3. Creative Commons http://www.flickr.com/photos/st3f4n/2860706946/ http://creativecommons.org/licenses/by/3.0/
- 4. By Attribution http://www.flickr.com/photos/thevoicewithin/551651500/ http://creativecommons.org/licenses/by/3.0/
- 9. HTML 5 introduces an API to interact with Geolocation services Interaction is done via JavaScript http://www.flickr.com/photos/mrbill/2481198023/
- 10. How does it find your location? Google Latitude GPS http://www.flickr.com/photos/sejhok/2343828092/
- 12. navigator.geolocation Geolocation API Specification http://dev.w3.org/geo/api/spec-source.html
- 13. JavaScript Object Geolocation API Specification http://dev.w3.org/geo/api/spec-source.html
- 14. 2 kinds of variables 3 functions 2 kinds of callbacks Simple API http://dev.w3.org/geo/api/spec-source.html
- 15. Mozilla Firefox v3.5+ Browser Support Apple Safari 5 Google Chrome 5
- 17. 2 Variables Coordinates Position http://dev.w3.org/geo/api/spec-source.html#api_description
- 18. http://dev.w3.org/geo/api/spec-source.html#api_description 3 Functions navigator.geolocation. getCurrentPosition navigator.geolocation. watchPosition navigator.geolocation. clearWatch
- 19. http://dev.w3.org/geo/api/spec-source.html#api_description 2 Callbacks Success Callback Error Callback
- 20. http://dev.w3.org/geo/api/spec-source.html#api_description Geolocation API Specification variables Coordinates Position functions navigator.geolocation.getCurrentPosition navigator.geolocation.watchPosition navigator.geolocation.clearWatch Callbacks Success Callback Error Callback
- 22. http://dev.w3.org/geo/api/spec-source.html#api_description 2 Variables Coordinates Position
- 28. Longitude
- 30. AltitudeAccuracy
- 31. Heading
- 32. Speed
- 33. http://dev.w3.org/geo/api/spec-source.html#coordinates_interface Coordinates Description Variable Name Latitude coordinates.latitude Longitude coordinates.longitude Accuracy coordinates.accuracy Altitude coordinates.altitude Altitude Accuracy coordinates.altitudeAccuracy Heading coordinates.heading Speed coordinates.speed
- 36. http://dev.w3.org/geo/api/spec-source.html#position_interface Describes Time and Location Position
- 37. http://dev.w3.org/geo/api/spec-source.html#position_interface Position Timestamp and Coordinates
- 38. http://dev.w3.org/geo/api/spec-source.html#position_interface Position Description Variable Name Coordinates position.coordinates Timestamp position.timestamp
- 39. http://dev.w3.org/geo/api/spec-source.html#position_interface Coordinates and Position Coordinates Position coordinates.latitude position.coordinates coordinates.longitude position.timestamp coordinates.accuracy coordinates.altitude coordinates.altitudeAccuracy coordinates.heading coordinates.speed
- 42. http://dev.w3.org/geo/api/spec-source.html#get-current-position navigator.geolocation.getCurrentPosition Returns current Position
- 45. navigator.geolocation.getCurrentPosition ① ③ ② ① browser object ② function call ③ success callback
- 47. HTML and JavaScript Implementation
- 49. navigator.geolocation.getCurrentPosition if condition is required, in case browser does not support geolocation
- 50. Your browser will try to request permissions to determine your location
- 52. Google Chrome 5
- 53. Apple Safari 5
- 54. ① ② ① success callback ② error callback
- 56. Location Aware Browsing Aizat Faiz aizat.faiz@gmail.com http://www.flickr.com/photos/st3f4n/2860706946/ Thank You