Implementación de geolocalización HTML5

Question

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

actualización

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

Answer 1

No es este impresionante tutorial en Nettuts, aquí está el enlace http://mobile.tutsplus.com/tutorials/mobile-web-apps/html5-geolocation/

Answer 2

probar 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/

Answer 3

ya los puedes tirar esto en el anillo así: Using the Geolocation API to find a users location on a Google map

Answer 4

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 haga una llamada a load_position() cuando se desea utilizar coordenadas.

nota: l es la identificación del elemento en el que se colocarán los datos. Modifíquelo de acuerdo a sus necesidades.