2011-02-05 5 views
8

J'ai une liste de zones et lattitude/longitude que je demande à l'utilisateur de sélectionner leur emplacement quand ils ont frappé mon site. J'aimerais que leur emplacement prérempli en utilisant la géolocalisation de HTML5 si possible, mais je ne suis pas exactement sûr de la meilleure façon de le faire. Il semble y avoir un manque de tutoriels sur le web, au moins de ce que je peux trouver. Est-ce que quelqu'un a fait ça? Connaissez-vous un bon tutoriel/ressource?Mise en œuvre de la géolocalisation HTML5

mise à jour

Si je coordonnées du groupe de villes, comment puis-je utiliser javascript pour déterminer emplacement le plus proche?

+1

L'API de géolocalisation W3C ne fait pas partie de la spécification HTML5, fwiw. (Voir: http://isgeolocationpartofhtml5.com/) – npdoty

+0

Eh bien, cela peut être fait simplement en calculant la distance entre les coordonnées. Utilisez la formule 'square_root ((x1^2 - x2^2) + (y1^2 - y2^2))' Où les deux coordonnées sont '(x1, y1)' et '(x2, y2)' –

Répondre

9

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(){...} 

Rendez-vous ici pour une démonstration plus grande. http://od-eon.com/labs/geolocation/

+2

le lien ne fonctionne pas .. –

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

Il suffit de faire un appel à load_position() lorsque vous souhaitez utiliser les coordonnées.

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

+0

comment se fait-il que l'objet position soit passé à la méthode showPosition en tant qu'argument sans l'indiquer explicitement? –