Geolocation

Jackson VeronezeSoftware Developer

jackson@jacksonveroneze.comhttps://jacksonveroneze.comhttps://br.linkedin.com/in/jacksonveroneze

Mario MendonçaSoftware Developer

mario.mendonca@gmail.comhttps://br.linkedin.com/in/mario-mendonca

Autores

Geolocalização

Geolocalização é a arte de descobrir onde você está no mundo

Há mais de uma maneira de descobrir onde você estamos:Endereço IP.

Conexão de rede sem fio com que torre de celular seu telefone está falando,.

GPS dedicado que calcula latitude e longitude da informação enviada por satélites no céu.

No passado a localização dos usuários era baseada em IP. A precisão não era lá grande coisa, pois a posição do usuário era baseada em um “chute” de acordo com o seu IP.

API de Geolocalização

A API de geolocalização permite que você compartilhe sua localização em sites confiáveis.

A latitude e longitude são disponibilizadas na página via JavaScript, que por sua vez pode ser enviado a um servidor web e fazer coisas como encontrar locais ao seu redor ou mostrar sua posição em um mapa.

Suporte a geolocalização

Internet Explorer 9 ou superiorFirefox 3.5 ou superiorSafari 5.0 ou superiorChrome 7.0 ou superiorOpera 10.6 ou superiorSafari (iOS) 3.2 ou superiorAndroid (browser padrão do SO) 2.1 ou superior

Obtendo as coordenadas

Barra de notificação

O suporte da geolocalização é opcional.

O browser nunca irá forçar você revelar sua localização física atual.

A experiência do usuário é diferente de browser para browser.

getCurrentPosition

A função de callback será chamada com um único parâmetro, e retorna um objeto com duas propriedades: coords e timestamp.

O timestamp é somente a data e o horário de quando a localização foi calculada.O objeto coords possui propriedades como latitude e longitude

getCurrentPosition

Exemplo funcional

Exemplo funcional

Referências

https://www.w3.org/TR/geolocation-API/

http://tableless.com.br/esta-perdido-geolocalizacao/

https://diveintohtml5.com.br/geolocation.html

http://rcdevlabs.github.io/2015/02/17/googlemaps-api-1-3-criando-um-mapa-simples/