Geolocation is the Answer to the Question: Where Am I? or Where are you?
  • 5 Unique Applications You are Going to Develop from Scratch
  • What does this course cover?
  • What Software You Need?
  • What is Geolocation and How it Works?
  • What can You Do with Geolocation?
  • Geolocation
HTML5 Geolocation API
  • HTML5 Geolocation API Introduction
  • What Location Related Information You can Collect?
  • The getCurrentPosition Method to Get the Position for a Specific Point of Time
  • Source Code: currentposition.html
  • Practice Exercise #1
  • Solution: Practice Exercise #1
  • The watchPosition Method to Get the Position over a Period of Time
  • Source Code: getposition.html
  • HTML5 Geolocation API and Insecure Origins
  • Practice Exercise #2
  • Solution: Practice Exercise #2
  • How to Handle Errors?
  • Practice Exercise #3
  • Solution: Practice Exercise #3
  • HTML5 Geolocation API
Google Maps API
  • Google Maps API: Overview
  • Update to Google Maps API
  • How to Display a Static (Non-Interactive) Map?
  • Source Code:static.html
  • Practice Exercise #4
  • Solution: Practice Exercise #4
  • How to Display an Interactive Map?
  • Source Code: interactive.html
  • Practice Exercise #5
  • Solution: Practice Exercise #5
  • Markers and Information Window to Make the Map More Informative
  • Source Code: marker.html
  • Google Maps API
Application 1: Where Am I?
  • What does the "Where Am I?" Application Do?
  • Get Latitude and Longitude of User's Current Location
  • Reverse Geocoding to get Human-Readable Address
  • Display Current Location in a Map
  • Source Code: whereami.html
Application 2: Weather Forecast
  • Get Current Latitude and Longitude
  • Send Request and Get Response using XMLHttpRequest Object
  • Update to Lecture 36: API Key added to the Request
  • Collect Required Weather Information
  • Display Weather Information in Proper Format
  • Conclusion
  • Source Code: weather-forecast.html
Application 3: Distance Calculator
  • Design the Front End
  • Geocoding to Get Latitude and Longitude of Destination
  • Process Result to Get Latitude and Longitude of Destination
  • Calculate Distance between Source and Destination using Haversine Formula
  • Conclusion
  • Further Enhancement
  • Source Code: distance-calculator.html
Application 4: How to Reach?
  • Design the Front End
  • Get Latitude and Longitude of Source and Destination
  • Display the Map
  • Add Markers and Adjust the Zoom Level Programmatically
  • Draw the Route between Source and Destination using Google's Directions API
  • Source Code: howtoreach.html
Application 5: Find Around Me
  • Design the Front End
  • Draw the Map
  • Get Points of Interests using Google's Places API
  • Draw Markers for Different Points of Interests
  • Add Information Windows to Display more Details
  • Source Code: around-me.html
Application 6: Postcode Finder
  • Design the Front End
  • Get the Latitude and Longitude
  • Different Options for Initial and Requested Postcodes
  • Get the Postcode from the Result
  • Some Final Touches
  • Source Code: postcode-finder.html
Application 7: Store Locator
  • Know the Application
  • Design the Front End
  • Populate the County Dropdown
  • Implement the onchange of the Dropdown
  • Fetch Details from the Database
  • Collect the Response
  • Draw the Map
  • Add the Markers
  • Google Maps Geocoding API to Get Latitude and Longitude for a Postcode
  • Collect Latitude and Longitude and Pass it as a Request
  • Write the Query to Calculate Distance between Two Points
  • Execute the Query
  • Collect the Response and Pass it to the Function
  • Source Code: store-locator.html
  • Source Code: getfromdb.php
Conclusion
  • Location-Aware Application Ideas
  • An End Note
Bonus Section