Tag Archives: Geolocation

HTML5 Geolocation Example – Weather Widget Demo

via HTML5 Geolocation Example – Weather Widget Demo | Web Code Geeks.

At the heart of every location-based application is positioning and Geolocation. Geolocation is similar to  the use of positioning systems but is more focused on determining a meaningful location (e.g. a street address) rather than just a set of geographic coordinates.

In this tutorial you will learn the Geolocation capabilities of HTML5. The API provides a method to locate the user’s more or less exact position. This is useful in a number of ways ranging from providing a user with location specific information to providing route navigation.

There is more than one way to figure out where you are — your IP address, your wireless network connection, which cell tower your phone is talking to, or dedicated GPS hardware that calculates latitude and longitude from information sent by satellites. Gone are the days when we would inspect the client IP address and make a reasonable guess as to the where that device was located.

In HTML5, we have a set of APIs to effectively allow the client-side device (i.e. your iPhone 3G+, Android 2.0+ phones, or even your conventional desktop browsers) to retrieve geographic positioning information with JavaScript.

The Geolocation API is supported by the following  browsers and  smartphones. Minimum version requirements are mentioned as well.

  • Google Chrome 5.0
  • Internet Explorer 9.0
  • Firefox 3.5
  • Safari 5.0
  • Opera 16.0
  • Iphone 3.0
  • Android 2.0
  • Opera Mobile 10
  • Blackberry OS 6.0