Special offers now — see discounted courses.
day
:
hour
:
min
:
sec
See special offers
HTML5: Geolocation

HTML5: Geolocation

34mIntermediate2011-08-10

Authors

Bill Weinman

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

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

About us

LyndaKade is a leading learning platform that helps people learn business, software, technology, and creative skills to achieve personal and professional goals.

Phone numberAparat ChannelTelegram SupportTelegram ChannelInstagram Page

All rights to this site belong to LyndaKade.

Terms of Service|Privacy Policy

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal