Propriedade de geolocalização do Navigator

Objeto Navigator do JavaScript

geolocationA propriedade de leitura retorna o objeto Geolocation que pode ser usado para localizar o usuário.

Por motivos de privacidade, é necessário que o usuário permita que sua informação de localização seja relatada.

Atenção:Esta funcionalidade está disponível apenas em contextos seguros (HTTPS) em alguns ou todos os navegadores compatíveis.

Você pode encontrar mais informações em nossosHTML5No guia de geolocalizaçãoSaiba mais sobre geolocalização.

Sintaxe:

navigator.geolocation

<script>　
var x = document.getElementById("demo");
function getLocation() {
navigator.geolocation.getCurrentPosition(showLoc);
x.innerHTML = &39;Obtendo localização...39;;
}
function showLoc(pos) {
x.innerHTML = "Latitude: "　+　pos.coords.latitude　+
　　"<br>Longitude: "　+　pos.coords.longitude;
}
</script>

Compatibilidade do navegador

Os números na tabela especificam a primeira versão do navegador que suporta completamente a propriedade geolocation:

Detalhes técnicos

Mais exemplos

Este exemplo mostra todas as propriedades do 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);

Neste exemplo, as latitudes e longitudes retornadas são usadas para exibir a localização no Google Maps:

<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>

Exibir uma localização no mapa é uma tarefa muito interessante. O serviço é usado para fornecer a localização exata dentro do mapa.

Para exibir resultados no mapa, você precisa acessar o serviço de mapa, como o Google Maps.

As funcionalidades do mapa são fornecidas por uma biblioteca JavaScript localizada no Google:

Referências Relacionadas

Referência Navigator:Atributo navigator.appCodeName

Referência Navigator:Atributo navigator.appname

Referência Navigator:Atributo navigator.appVersion

Referência Navigator:Atributo navigator.language

Referência Navigator:Atributo navigator.onLine

Referência Navigator:Atributo navigator.platform

Referência Navigator:Atributo navigator.userAgent

Objeto Navigator do JavaScript