Social Networks

This post explains you how to get geo location latitude and longitude values using jquery and HTML5. First I am going to give small description about HTML5 and JQuery for beginners.

Q) What is HTML5?


HTML5 is a language for structuring and presenting content for the World Wide Web, a core technology of the Internet. It is the fifth revision of the HTML standard (originally created in 1990 and most recently standardized as HTML4 in 1997[1]) and as of August 2011 is still under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers etc.). HTML5 is intended to subsume not only HTML4, but XHTML1 and DOM2HTML (particularly JavaScript) as well.

Q) What is JQuery?


jQuery is a new kind of JavaScript Library.
jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

The original geocode location script taken from

In addition to adding new and powerful tags, HTML5 also includes an extended JavaScript API. This new API allows developers to implement advanced features without additional plug-ins or requiring software downloads.

JavaScript code
Contains Google Map + HTML5 code. Using jquery cookie plugin storing latitude an longitude values $(“#check”).click(function(){})- check is the ID name of Check-out button.

Click here to view and download JavaScript Complete Code



I hope that this tutorial has given you a head start into the world of geolocation APIs. Google Geocoding API allowing 2,500 geolocation requests per day and Google Maps API Premier allows 100,000 requests per day.


This has been “You Are Here (And So Is Everybody Else).” So please post your valuable comments !

None found.

Leave a Reply

Your email address will not be published. Required fields are marked *

Allowed Tags:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>