API de geolocalização HTML
Neste artigo, discutiremos a geolocalização HTML . A localização é determinada usando a API de geolocalização HTML .
Acompanhe a posição do usuário:
A API de geolocalização HTML é usada para obter a localização geográfica de um usuário.
Devido a questões de privacidade, as posições só estão disponíveis se o usuário as autorizar.
- API de geolocalização HTML:
- Acompanhe a posição do usuário:
- Implementando geolocalização HTML:
- Exibindo resultado no mapa:
- Gerenciando erros e rejeições:
- Informações geográficas:
- O método getCurrentPosition() – Dados de retorno:
- Objeto de geolocalização – Métodos mais interessantes:
- Compatibilidade do navegador:
- Benefícios do uso de geolocalização HTML:
Implementando geolocalização HTML
Para obter a localização do usuário, chame o método getCurrentPosition() .
A latitude e longitude do usuário podem ser obtidas usando o seguinte exemplo:
Veja a seguir um exemplo de geolocalização HTML:
Example:
Exemplo de Explicação
- Verifique se a geolocalização é suportada.
- Se for compatível, chame getCurrentPosition(). Exiba uma mensagem de erro se não.
- Um objeto de coordenadas será retornado se o método getCurrentPosition() for bem-sucedido.
- Imprime a longitude e a latitude resultantes da função showPosition().
Exibindo resultado no mapa
Um serviço de mapa, como o Google Maps, é necessário para visualizar os resultados quando se trata de geolocalização HTML .
Aqui está um exemplo de uso de latitude e longitude para mostrar a localização em um mapa do Google (usando uma imagem estática):
Example:
Gerenciando erros e rejeições
Os erros são tratados pelo segundo parâmetro de getCurrentPosition() . Se não conseguir obter a localização do usuário, executa a seguinte função:
Example:
informação geográfica
O objetivo desta página é explicar como fornecer um mapa da localização de um usuário.
Informações específicas do local também podem ser obtidas com geolocalização, como:
- Informações locais em tempo real
- Exibição de pontos de interesse próximos
- Navegação baseada em localização (GPS)
O método getCurrentPosition() – Dados de retorno
Em todos os casos, latitude, longitude e precisão são recuperadas. Em caso de sucesso, o método getCurrentPosition() retorna um objeto. Se disponível, outras propriedades também são retornadas:
| Propriedade | devoluções |
|---|---|
| coords.latitude | Um número decimal que representa a latitude (sempre retornado). |
| coordenadas.longitude | Uma representação decimal da longitude (sempre retornada). |
| coordenadas.precisão | Precisão da posição (sempre retornada). |
| coords.altitude | Retorna a altitude acima do nível médio do mar em metros (se disponível). |
| coords.altitudePrecisão | Precisão da altitude da posição (retornada se disponível). |
| coords.heading | Um rumo expresso em graus no sentido horário a partir do Norte (retornado se disponível). |
| coordenadas.velocidade | Retorna a velocidade em metros por segundo (se disponível). |
| carimbo de data/hora | Data/hora da resposta (se disponível). |
Objeto de geolocalização – Métodos mais interessantes
O objeto de geolocalização também oferece os seguintes métodos interessantes:
- watchPosition() – Encontra a localização do usuário e a atualiza conforme o usuário se move (semelhante a um GPS em um carro).
- clearWatch() – Desativa o método watchPosition() .
WatchPosition() é ilustrado no exemplo abaixo. Para testar isso, você precisará de um dispositivo GPS preciso (como um smartphone):
Example
Compatibilidade do navegador
De acordo com a tabela, a primeira versão do navegador a fornecer geolocalização está listada abaixo.
| API |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| geolocalização | 5,0 – 49,0 (http) 50,0 (https) |
9,0 | 3.5 | 5,0 | 16,0 |
Observação: a partir do Chrome 50, a API de geolocalização funcionará apenas em contextos seguros, como HTTPS . Se o seu site estiver hospedado em uma origem não segura (como HTTP ), as solicitações para obter a localização dos usuários não funcionarão mais.
Benefícios do uso de geolocalização HTML
A geolocalização HTML é um recurso que permite que os sites identifiquem a localização física de um usuário por meio de seu navegador da web. Existem vários benefícios em usar a geolocalização HTML:
- Personalização: Com a geolocalização, os sites podem fornecer experiências personalizadas para os usuários com base em sua localização. Por exemplo, um site de varejo pode oferecer promoções e descontos baseados em localização para usuários em uma região específica.
- Publicidade direcionada: a geolocalização pode ser usada por anunciantes para segmentar usuários com anúncios relevantes com base em sua localização. Isso pode aumentar a eficácia das campanhas publicitárias e melhorar a experiência do usuário, exibindo anúncios relevantes para os interesses e necessidades do usuário.
- Experiência do usuário aprimorada: a geolocalização pode ser usada para fornecer aos usuários informações relevantes com base em sua localização, como atualizações do clima local, restaurantes próximos ou eventos. Isso pode melhorar a experiência do usuário e tornar o site mais útil e envolvente.
- Análise baseada em localização: os dados de geolocalização podem ser usados para obter informações sobre o comportamento e as preferências do usuário com base em sua localização. Essas informações podem ser usadas para otimizar o design, o conteúdo e as estratégias de marketing do site.
- Maior segurança: a geolocalização pode ser usada como um recurso de segurança para impedir o acesso não autorizado a informações confidenciais. Por exemplo, um site pode exigir que os usuários confirmem sua localização antes de permitir o acesso a determinados recursos ou informações.
