Navigator Geolocation API - Sabendo a localização do usuário
Tulio Faria5 de outubro de 2017
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.
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!
Autor
Tulio Faria5 de outubro de 2017