Como usar geolocalização quando codificação com javascript

escritores de código javascript precisa ter uma forma de compreensão sobre geolocalização. A API de Geolocalização dá acesso programas para a funcionalidade de geolocalização do navegador da web, o que pode dizer ao programa localização do dispositivo na Terra. A API de Geolocalização 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 de Geolocalização descreve como javascript pode interagir com o

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

• Latitude: A latitude em graus decimais

• Longitude: A longitude em graus decimais

• Altitude: A altitude em metros

• rubrica: A direção do dispositivo está viajando

• Rapidez: 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, 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, por meio do Geolocation objecto, um número de passos ter lugar, antes da informação de posição a ser devolvida.

Video: aula 4980 html5 css3 js API Geolocation funcionando mapa dinamico InfoWindow masp google

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 geolocalização do dispositivo. Diferentes navegadores solicitar ao usuário permissão de diferentes maneiras, mas é tipicamente 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 acesso a dados de geolocalizaçã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 os mais precisos 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 irá tentar equilibrar velocidade com precisão para obter os resultados mais precisos a partir de qualquer uma das seguintes fontes, quando disponíveis:

• 
  
  
  

  posicionamento por satélite GPS

• Sua conexão de rede sem fio

  Video: Traçando rota utilizando API Google Maps

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

• O endereço IP do seu dispositivo ou computador

  Video: Geolocalización con HTML5 y javascript

Como você usa geolocalização?

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

Video: Como usar javascript

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

• erro: Uma função callback 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.

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.

positiem obje”width =” 535 "/>

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:

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