HTML5 Geolocation Implementation

Question

I have a list of areas and latitudes / longitudes that I ask the user to choose their location when they get to my site. I would like their location to be pre-populated using HTML5 geolocation if possible, but I'm not quite sure if this is the best way to do this. It seems that there are no tutorials on the Internet, at least from what I can find. Has anyone done this? Do you know a good tutorial / resource?

Update

If I have the coordinates of a bunch of cities, how can I use javascript to determine the closest location?

Answer 1

Try this example:

window.onload = function(){ if(navigator.geolocation) navigator.geolocation.getCurrentPosition(handleGetCurrentPosition, onError); } function handleGetCurrentPosition(location){ location.coords.latitude; location.coords.longitude; } function onError(){...} 

Go here for a larger demo. http://od-eon.com/labs/geolocation/

Answer 2

You can also throw it in the ring: Using the geolocation API to find the location of users on a Google map

Answer 3

 function load_position() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else { l.innerHTML = "Geolocation is not supported by this browser."; } } function showPosition(position) { l.innerHTML = "Longitude" + position.coords.latitude + " Longitude " + position.coords.longitude + "</td></tr>" ; } 

Just make a call to load_position () when you want to use the coordinates.

note: l is the identifier of the element in which the data should be placed. Modify it according to your needs.

Answer 4

Nettuts has this awesome tutorial, here is the link http://mobile.tutsplus.com/tutorials/mobile-web-apps/html5-geolocation/