Navigator Geolocation API - Sabendo a localização do usuário
Hoje quero dar uma dica para vocês sobre geolocalização no navegador. É uma API que está cada vez mais disponível nos navegadores. O interessante é que conseguimos fazer aplicações WEB que tenham esse senso de localização. Alguns dos métodos que eles têm: A partir disso, conseguiríamos checar a nossa localização. Podemos…
Navigator Geolocation API - Sabendo a localização do usuário
por: Tulio Faria
Categoria: DicasVideo-Tutorial
Hoje quero dar uma dica para vocês sobre geolocalização no navegador. É uma API que está cada vez mais disponível nos navegadores. O interessante é que conseguimos fazer aplicações WEB que tenham esse senso de localização.
Alguns dos métodos que eles têm:
<html>
<body>
<script>
if(‘geolocation’ in navigator){
} else {
Alert(‘ops’)
}
</script>
</body>
</html>A partir disso, conseguiríamos checar a nossa localização. Podemos, por exemplo, fazer:
if(‘geolocation’ in navigator){
navigator.geolocation.getCurrentPosition(function(position){
console.log(position)
}, function(error){
Console.log(error)
})
} else {
Alert(‘ops’)
}Ao rodar o código e inspecionar, perceba que ele retorna a nossa posição.
Se sua aplicação necessita ter essa possibilidade de checar a posição, é importante checar se não retornou um erro caso o usuário não aceite a verificação.
Outra coisa bem interessante é que podemos checar, de tempos em tempos, a posição do usuário, fazendo um tracker, por exemplo:
watcher: navigator.geolocation.watchPosition(function(position){
console.log(position)
})Agora, à medida que essa coordenada ficar mais precisa, vai ser melhor, pois ela vai nos trazendo essas informações.
Conseguimos aumentar essa precisão também utilizando o enableHighAccuracy:
watcher: navigator.geolocation.watchPosition(function(position){
console.log(position)
},
function(error){
console.log(error)
}, {enableHighAccuracy: true, maximumAge: 30000, timeout: 30000})No caso do watcher, podemos apagar, equivalente ao que podemos fazer com o clear interval:
Geolocation.clearWatch(watcher)Esse é um pouco do geolocation. Eu trouxe essa dica pois a utilizamos no Fullstack Academy e eu já construí algumas aplicações utilizando isso também.
Deixe suas dúvidas e sugestões nos comentários. Curta o DevPleno no Facebook, se inscreva no canal no YouTube e cadastre seu e-mail para não perder as atualizações. Abraço!