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!
Mestre em Sistemas de Informação pela USP e criador do DevPleno. Iniciou sua carreira como professor com apenas 18 anos em um curso técnico, foram 11 anos em sala de aula formando desenvolvedores fullstack no sul de Minas Gerais.