Supporté par ChromeSupporté par FirefoxSupporté par EdgeNon supporté par Safari/iOS geolocation : Démo HTML5

Mise à jour : 2017-01-22

Cette API permet la géolocalisation, elle renvoie principalement la latitude et la longitude, mais aussi d'autres informations (altitude, précision, direction, vitesse, ...)
Cela peut être plus ou moins précis, en fonction des informations renvoyées par le GPS et le réseau cellulaire (exclusivement pour les smartphones) ou par le FAI pour les connexions fixes, y compris le Wi-Fi.

API

Notes sur le tuto


Exemple de code HTML5

<span id="myPosition"></span>
<script>
	myPosition = document.getElementById("myPosition")
	function getCoords(position) {
		lat = position.coords.latitude
		pos  = "Latitude : " + lat  + "<br>";
		pos += "Longitude: " + position.coords.longitude + "<br>";
		pos += "Altitude : " + position.coords.altitude + "<br>";
		pos += "Précision: " + position.coords.accuracy + "m";
		myPosition.innerHTML = pos;
		myPosition.className = "ok"
	}
	function errorMsg(error) {
		msg = {
			1: "Accès à la position non autorisé",
			2: "Position non trouvée",
			3: "Délai expiré"
		}
		myPosition.innerHTML = msg[error.code]
		myPosition.className = "ko"
	}
	if (navigator.geolocation) {
		navigator.geolocation.getCurrentPosition(getCoords,
							 errorMsg,
							{enableHighAccuracy:true, timeout:60*1000})
	} else {
		myPosition.innerHTML = "Géolocalisation non supportée par ce navigateur !"
		myPosition.className = "ko"
	}
</script>

Démonstration du résultat HTML5



Détection automatique du support HTML5

Librairie JavaScript de détection automatique (attention, comporte quelques faux positifs et faux négatifs)
<script src="_html5detect.js"></script>
<script>isItemSupported("navigator.geolocation")</script>		

Can I Use geolocation? Data on support for the geolocation feature across the major browsers from caniuse.com.