Implémentation HTML5 de la géolocalisation - jquery, html5, géolocalisation

J'ai une liste de zones et de lattitude / longitudeJe demande à l’utilisateur de choisir son emplacement lorsqu’il accède à mon site. Je souhaite que leur emplacement soit pré-rempli en utilisant la géolocalisation de HTML5, si possible, mais je ne suis pas tout à fait sûr de la meilleure façon de le faire. Il semble y avoir un manque de tutoriels sur le Web, du moins d'après ce que je peux trouver. Quelqu'un a-t-il fait ça? Connaissez-vous un bon tutoriel / une bonne ressource?

mettre à jour

Si j'ai les coordonnées d'un groupe de villes, comment utiliser javascript pour déterminer l'emplacement le plus proche?

Réponses:

Essayez cet exemple:

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

function handleGetCurrentPosition(location){

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

Allez ici pour une plus grande démo. http://od-eon.com/labs/geolocation/

Pourrait aussi bien jeter ceci dans le ring: Utilisation de l'API de géolocalisation pour trouver l'emplacement d'un utilisateur sur une carte 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>" ;
}

Appelez simplement load_position () lorsque vous souhaitez utiliser des coordonnées.

Remarque: l est l'id de l'élément dans lequel les données doivent être placées. Modifiez-le en fonction de vos besoins.

Il y a ce tutoriel génial chez Nettuts, voici le lien http://mobile.tutsplus.com/tutorials/mobile-web-apps/html5-geolocation/