HTML 5 introduit le support de l’API Geolocalisation introduite par le W3C qui permet au pages web d’interroger le navigateur sur la position de l’utilisateur de manière bien plus précise et fiable que les tests de positionnement basés sur l’interprétation de l’adresse IP de la machine.
L’utilisation de cette API est disponible pour la plupart des navigateurs dans leur dernière version mais également pour des navigateurs destinés aux mobiles comme Fennec (la version de firefox pour mobile), d’où l’intérêt.
Voici un bout de code (que vous pouvez tester en bas de cette page) qui utilise cette API :
<!DOCTYPE html>
<html>
<head>
<title>html5 et API Geolocalisation</title>
<script type="text/javascript">
function recupererPosition(position)
{
var position = "Latitude: "+position.coords.latitude+"<br />";
position += "Longitude: "+position.coords.longitude+"<br />";
document.getElementById("pos").innerHTML = position;
}
function maPosition()
{
navigator.geolocation.getCurrentPosition(recupererPosition);
}
</script>
</head>
<body>
<a href="#" onClick="maPosition()">Afficher ma position</a>
<div id="pos"></div>
</body>
</html>
Vous pouvez tester par vous même en cliquant sur le lien ci dessous :
Afficher ma position
Pour des raisons de sécurité, une alerte vous demande si vous autoriser votre navigateur à partager votre position.
Aucun article en relation.