Archives du tag: w3c

[javascript] geolocalisation

La geolocalisation sur iPhone, c’est géant, sur pc (ou linux/mac) ça fonctionne aussi, avec un navigateur compatible. Il faut en effet que le navigateur ait intégré la fonctionnalité (c’est le cas pour safari et firefox 3.5 pour le moment).

Pour utiliser la fonctionnalité, un simple code suffit. L’utilisateur valide la demande de localisation et hop c’est parti….

A noter toutefois une différence sur la précision de la localisation (ce qui est normal) entre un iPhone et un mac (ou un pc), le premier a une position donnée avec une précision de 150/200 mètres environs, le second à une précision proche des 500 mètres.

// function est une fonction qui utilisera la position retournée.
navigator.geolocation.getCurrentPosition(function);

Voilà, une ligne, et plein de choses possibles…

Bon, plus sérieusement voilà un script un peu plus avancé :

if (!navigator.geolocation) {
    // geolocalisation non disponible pour le navigateur...
    alert("#failed : geolocalisation not aviable with your browser. Sorry.");
} else {
    // on tente de geolocaliser la personne...
    navigator.geolocation.getCurrentPosition(whereiam);
}

Maintenant on va utiliser le reste dans une fonction, ici ‘whereiam’

function whereiam(position) {
    // données utiles :
    // position.coords.latitude
    // position.coords.longitude
    // position.coords.accuracy (exactitude, possiblement en mètres)
    // un alert par exemple
    alert('Vous êtes proche de la position ' + position.coords.latitude + '° lat, ' + position.coords.longitude + '° lon');
    // on peut utiliser une google map aussi dans une balise <img alt="" />
    // http://maps.google.com/staticmap?center=" + position.coords.latitude + "," + position.coords.longitude + "&amp;size=300x300&amp;maptype=roadmap&amp;zoom=16&amp;key=GOOLE-API-KEY
}