Implementación de geolocalización HTML5 - jquery, html5, geolocalización

Tengo una lista de áreas y latitud / longitudque le pido al usuario que seleccione su ubicación cuando acceda a mi sitio. Me gustaría que su ubicación se rellene utilizando la geolocalización de HTML5 si es posible, pero no estoy exactamente seguro de la mejor manera de hacerlo. Parece que faltan tutoriales en la web, al menos por lo que puedo encontrar. ¿Alguien ha hecho esto? ¿Conoces un buen tutorial / recurso?

actualizar

Si tengo coordenadas de muchas ciudades, ¿cómo puedo usar JavaScript para determinar la ubicación más cercana?

Respuestas

Prueba este ejemplo:

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

function handleGetCurrentPosition(location){

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

Vaya aquí para una demostración más grande. http://od-eon.com/labs/geolocation/

También podría tirar esto al ring también: Uso de la API de geolocalización para encontrar la ubicación de un usuario en un mapa de 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>" ;
}

Simplemente llame a load_position () cuando desee usar coordenadas.

Nota: l es el id del elemento en el que se van a colocar los datos. Modifíquelo de acuerdo a sus necesidades.

Hay un tutorial increíble en Nettuts, aquí está el enlace. http://mobile.tutsplus.com/tutorials/mobile-web-apps/html5-geolocation/