Implementação de Geolocalização HTML5 - jquery, html5, geolocalização

Eu tenho uma lista de áreas e latitude / longitudeque eu estou pedindo ao usuário para selecionar sua localização quando eles bateram no meu site. Eu gostaria de ter sua localização preenchida usando a geolocalização do HTML5, se possível, mas eu não sei exatamente a melhor maneira de fazer isso. Parece haver uma falta de tutoriais na web, pelo menos do que eu posso encontrar. Alguém já fez isso? Você conhece um bom tutorial / recurso?

atualizar

Se eu tiver coordenadas de várias cidades, como posso usar o javascript para determinar o local mais próximo?

Respostas:

Tente este exemplo:

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

function handleGetCurrentPosition(location){

location.coords.latitude;
location.coords.longitude;
}
function onError(){...}

Vá aqui para uma demonstração maior. http://od-eon.com/labs/geolocation/

Pode também jogar isso no ringue também: Usando a API de geolocalização para encontrar um local de usuários em um mapa do Google

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>" ;
}

Basta fazer uma chamada para load_position () quando quiser usar coordenadas.

Nota: l é o id do elemento no qual os dados devem ser colocados. Modifique-o de acordo com as suas necessidades.

Existe este incrível tutorial no Nettuts, aqui está o link http://mobile.tutsplus.com/tutorials/mobile-web-apps/html5-geolocation/