Proprietà geolocalizzazione Navigator

Oggetto Navigator di JavaScript

geolocationLe proprietà di sola lettura restituiscono l'oggetto Geolocation utilizzabile per localizzare la posizione dell'utente.

Per motivi di privacy, è richiesto che l'utente autorizzi la segnalazione delle informazioni sulla posizione.

Attenzione:Questa funzione è disponibile solo in contesti sicuri (HTTPS) supportati da alcuni o tutti i browser.

Puoi trovare ulteriori informazioni sui nostriNella guida HTML5 geolocalizzazionePer ulteriori informazioni sulla geolocalizzazione, consulta.

Sintassi:

navigator.geolocation

<script>　
var x = document.getElementById("demo");
function getLocation() {
navigator.geolocation.getCurrentPosition(showLoc);
x.innerHTML = 'Raccolta posizione...';
}
function showLoc(pos) {
x.innerHTML = "Latitudine: " + pos.coords.latitude +
　　"<br>Longitudine: " + pos.coords.longitude;
}
</script>

Compatibilità del browser

I numeri nella tabella specificano la versione del browser che supporta completamente le proprietà geolocation:

Dettagli tecnici

Più esempi

Questo esempio mostra tutte le proprietà 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);

Nell'esempio seguente, le latitudine e longitudine restituite vengono utilizzate per visualizzare la posizione sulla mappa di 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>

Visualizzare una posizione sulla mappa è un compito molto interessante. Il servizio viene utilizzato per fornire la posizione esatta nella mappa.

Per visualizzare i risultati sulla mappa, è necessario accedere ai servizi di mappa, ad esempio Google Maps.

Le funzioni della mappa sono fornite dalla libreria JavaScript situata su Google:

Riferimenti Correlati

Riferimento Navigator:Proprietà navigator.appCodeName

Riferimento Navigator:Proprietà navigator.appname

Riferimento Navigator:Proprietà navigator.appVersion

Riferimento Navigator:Proprietà navigator.language

Riferimento Navigator:Proprietà navigator.onLine

Riferimento Navigator:Proprietà navigator.platform

Riferimento Navigator:Proprietà navigator.userAgent

Oggetto Navigator di JavaScript