HTML5: Geolocation
34mIntermediate2011-08-10
Authors

Bill Weinman
Tech Advocate, Entrepreneur, Programming Expert
Course details
This course shows how to add location tracking to a web application with a combination of JavaScript, CSS and HTML5. First, author and HTML5 expert Bill Weinman provides a thorough explanation of the geolocation API, including considerations every developer should take into account, such as data dependability, power usage, and privacy concerns. The course then covers how to detect support for geolocation, retrieve coordinates from a device (whether once or continuously), handle errors, and integrate the results with Google Maps to create a location-aware web application that will run on many mobile browsers.
Learning objectives
Understanding how geolocation works
Detecting geolocation support
Getting coordinates
Continuous tracking with watchPosition()
Integrating geolocation with Google Maps
Learning objectives
Understanding how geolocation works
Detecting geolocation support
Getting coordinates
Continuous tracking with watchPosition()
Integrating geolocation with Google Maps
Skills covered
HTMLFront-End Web DevelopmentWeb DevelopmentOpen SourceDeep Dive (X:Y)
Concepts
0. Introduction
- 01 - Welcome
- 02 - Using the exercise files
- 03 - About the JavaScript library
- 04 - About the CSS file
1. Overview
- 05 - How geolocation works
- 06 - Exploring a sample geolocation application
2. The Details
- 07 - Detecting geolocation support
- 08 - Getting the coordinates
- 09 - Handling errors
- 10 - Continuous tracking with watchPosition()
3. Interfacing with Google Maps
- 11 - A simple Google map with current location
- 12 - Using HTML5 geolocation with Google Maps
Conclusion
- 13 - Goodbye
Related courses
Related learn paths
- Getting Started with C++
- Prepare for the VMware Certified Professional: Data Center Virtualization (VPC-DCV) Exam
- Become an Instructional Developer
- Advance Your Skills in HTML
- Prepare for the VMware Certified Professional: Data Center Virtualization 2022 (VCP-DCV) Certification Exam
- Become a Web Designer
- Become a Web Developer
- Explore a Career as a Web Developer