Como usar Geolocation quando codificação com javascript

escritores de código javascript precisa ter uma forma de compreensão sobre geolocalização. A API do Geolocation dá acesso programas para a funcionalidade de geolocalização do navegador da web, o que pode dizer ao programa de localização do dispositivo na Terra. A API do Geolocation está entre as APIs HTML5 mais bem suportados e é implementado em cerca de 90 por cento da área de trabalho e navegadores móveis, incluindo todos os grandes, exceto para o Opera Mini.

O que faz de geolocalização fazer?

A API do Geolocation descreve como javascript pode interagir com o

navigator.geolocation objeto, a fim de obter dados sobre a posição actual de um dispositivo, incluindo

  • Latitude: A latitude em graus decimais

  • Longitude: A longitude em graus decimais

  • Altitude: A altitude em metros

  • rubrica: A direcção do dispositivo viaja

  • Velocidade: A velocidade do dispositivo em metros por segundo

  • Precisão: A precisão da latitude e longitude, medida em metros

Ao obter alguns ou todos esses dados, um aplicativo de javascript em execução em um navegador web pode colocar um usuário em um mapa, as fontes de consulta, como o Google Maps para marcos ou restaurantes locais para o usuário, e muito mais.

Como funciona a geolocalização?

Quando javascript inicia um pedido para a posição de dispositivos, através da Geolocation objeto, um número de passos ter lugar, antes da informação de posição a ser devolvidos.

A primeira coisa a acontecer é que o navegador precisa ter certeza de que o usuário tenha dado permissão para o aplicativo web em particular para acessar informações de localização geográfica do dispositivo. Diferentes navegadores solicitar ao usuário permissão de diferentes maneiras, mas é normalmente feito através de algum tipo de pop-up ou notificação.

O navegador Chrome exibe um ícone de geolocalização e uma mensagem abaixo da barra de endereço quando um site solicitações de acesso a dados de geolocalização.

Chrome exibe solicitações de geolocalização abaixo da barra de endereço.
Chrome exibe solicitações de geolocalização abaixo da barra de endereço.

Depois de dar um acesso ao site a seus dados de geolocalização, o navegador tenta encontrá-lo. Ele faz isso através de um número de diferentes meios, começando com o mais preciso e prosseguindo até formas menos precisas.

Se o programa indica que alta precisão é necessária, de geolocalização vai gastar mais tempo tentando acessar informações de GPS de alta precisão. Caso contrário, o navegador tenta equilibrar a velocidade com precisão para obter os resultados mais precisos a partir de qualquer das seguintes fontes, quando disponíveis:

  • posicionamento por satélite GPS

  • Sua conexão de rede sem fio

  • A torre de celular seu telefone ou dispositivo móvel está ligado ao

  • O endereço IP do seu dispositivo ou computador

Como você usa geolocalização?

A chave para usar geolocalização é o navigator.geolocation o objetivo de getCurrentPosition método. o getCurrentPosition método pode levar três argumentos:

  • sucesso: A função de retorno que é passado um Posição objeto quando geolocalização é bem sucedida

  • erro: Uma função de retorno opcional que passou a Positionerror objeto quando geolocalização falhar

  • opções: Um opcional PositionOptions objecto que pode ser usado para controlar vários aspectos de como a pesquisa é executada de geolocalização

o Posição objeto que é retornado pela getCurrentPosition método contém duas propriedades:

  • Position.coords: Contém uma coordenadas objeto que descreve a localização

  • Position.timestamp: O tempo quando o local foi recuperado

Este exemplo mostra como você pode usar o getCurrentPosition método para obter o Posição objeto e percorrer os valores de retorno em Position.coords.

O objecto Posição 

Se o dispositivo de executar esse código em suportes de geolocalização eo navegador pode determinar a sua localização, os resultados da execução desse script deve se parecer com isso.

Imprimindo os valores de retorno da & lt; span class = positiem obje "width =" 535 "/>
Imprimindo os valores de retorno da positiem objeto.

Note-se que várias das propriedades do coordenadas objeto são todos nulos. Isso é porque ele foi executado usando um computador desktop que não tem a capacidade de obter algumas dessas coordenadas. O resultado da execução do mesmo script em um navegador móvel em um smartphone:

Obtendo dados de geolocalização com um navegador smartphone.
Obtendo dados de geolocalização com um navegador smartphone.

Observe que o navegador exibe números móveis para altitude, mas posição e velocidade ainda são nulos porque o dispositivo foi parado no momento em que a página foi carregada.

menu