Attribut de géolocalisation Navigator

Objet Navigator JavaScript

geolocationL'attribut en lecture seule retourne un objet Geolocation pouvant être utilisé pour localiser l'utilisateur.

Pour des raisons de confidentialité, il est demandé à l'utilisateur d'autoriser le rapport d'informations de localisation.

Remarque :Cette fonction n'est disponible que dans un contexte sécurisé (HTTPS) pour certains ou tous les navigateurs pris en charge.

Vous pouvez trouver des outils en ligne sur notreHTML5Dans le guide de la géolocalisationEn savoir plus sur la géolocalisation.

Syntaxe :

navigator.geolocation

<script>　
var x = document.getElementById("demo");
function getLocation () {
navigator.geolocation.getCurrentPosition(showLoc);
x.innerHTML = &39;Obtention de la position...39;;
}
function showLoc (pos) {
x.innerHTML = "Latitude : "　+　pos.coords.latitude　+
　　"<br>Longitude : "　+　pos.coords.longitude;
}
</script>

Compatibilité du navigateur

Les nombres dans le tableau indiquent la première version du navigateur prenant en charge l'attribut geolocation :

Détails techniques

Plus d'exemples

Cet exemple affiche toutes les propriétés du Navigator :

var txt = "";
txt　+= "<p>Browser CodeName: "　+　navigator.appCodeName　+　"</p>";
txt　+= "<p>Browser Name: "　+　navigator.appName　+　"</p>";
txt　+= "<p>Browser Version: "　+　navigator.appVersion　+　"</p>";
txt　+= "<p>Cookies Enabled: "　+　navigator.cookieEnabled　+　"</p>";
txt　+= "<p>Browser Language: "　+　navigator.language　+　"</p>";
txt　+= "<p>Browser Online: "　+　navigator.onLine　+　"</p>";
txt　+= "<p>Platform: "　+　navigator.platform　+　"</p>";
txt　+= "<p>User-agent header: "　+　navigator.userAgent　+　"</p>";
document.write(txt);

Dans l'exemple suivant, les coordonnées de latitude et de longitude retournées sont utilisées pour afficher la position sur la carte Google :

<script>
function showLoc(pos) {
var latt = pos.coords.latitude;
var long = pos.coords.longitude;
var lattlong = new google.maps.LatLng(latt, long);
var options = {
center: lattlong,
zoom:　10,
mapTypeControl: true,
navigationControlOptions: {style:google.maps.NavigationControlStyle.SMALL}
};
var mapg = new google.maps.Map(x, options);
var mark = new google.maps.Marker({position:lattlong, map:mapg, title:"You are here!"});
}
</script>

Afficher une position sur la carte est une tâche très amusante. Ce service est utilisé pour fournir des positions exactes dans la carte.

Pour afficher les résultats sur la carte, vous devez accéder aux services de carte, par exemple Google Maps.

Les fonctionnalités de la carte sont fournies par la bibliothèque JavaScript située chez Google :

Références associées

Référence Navigator :Propriété navigator.appCodeName

Référence Navigator :Propriété navigator.appname

Référence Navigator :Propriété navigator.appVersion

Référence Navigator :Propriété navigator.language

Référence Navigator :Propriété navigator.onLine

Référence Navigator :Propriété navigator.platform

Référence Navigator :Propriété navigator.userAgent

Objet Navigator JavaScript