Índice
O API de geolocalização não faz parte do padrão de HTML5No entanto, está intimamente relacionado, pois graças ao HTML5 podemos incorporar mais facilmente suas funcionalidades.O geolocalização nos permite localizar por coordenadas a posição aproximada do sistema ou equipamento a partir do qual o usuário está acessando o recurso, página ou documento da web onde implementamos a API.
Obtenha a posição atual
Este é talvez um dos usos mais úteis que podemos dar a esta API, pois ao nos permitir localizar o terminal que está acessando nossas páginas, podemos invocar conteúdo regional, talvez oferecer publicidade de forma mais eficaz ou simplesmente gerar estatísticas por localização. de forma mais direta, sem depender de terceiros.
Para obter as coordenadas de localização, dependemos do seguinte método:
getCurrentPosition (callback, errorCallback, opções)
Este método obtém a posição atual do sistema que está entrando na página, não é feito para retornar um resultado diretamente, porém podemos passar para outra função onde preparamos os dados com o que podemos receber do método.
Vamos ver o código a seguir para entendermos parte de como implementar essa funcionalidade:
A operação é simples, objeto navegador Dizemos que você deve acessar suas propriedades de geolocalização, começando com o método getCurrentPosition (), para isso passamos uma função como argumento que é aquele que estabelece as diferentes opções que devem ser inicializadas e levar seus valores.
Permissões para localizar geograficamente
Porque isso pode ser um pouco invasivo com a privacidade dos usuários, ao invocar os diferentes métodos de geolocalização É possível que o navegador peça permissão ao usuário para transmitir sua posição, portanto, podemos não obter todos os dados no momento com esta API.
Dependendo do dispositivo, a API pode usar diferentes recursos para obter a posição, pode usar o GPS embutido, as redes WI-FI, enfim, pode usar o endereço IP e, graças a ele, estabelecer a relação de nosso provedor de serviço e dar uma estimativa da localização do usuário.
Exemplo Aplicado
Vamos ver o código no HTML Para usar o método descrito acima:
Exemplo
| Comprimento: | - | Latitude: | - |
|---|---|---|---|
| Altitude: | - | Precisão: | - |
| Precisão da altitude: | - | Cabeçalho: | - |
| Velocidade: | - | Tempo: | - |
Agora vemos como o navegador solicita nossa autorização para fornecer os dados de nossa localização:
