Para um programador de desenvolvimento da Web, um dos aspectos mais interessantes do trabalho de desenvolvimento é obter informações de localização geográfica; Imagine onde os usuários estão navegando nas suas páginas da web? Os programadores podem ajustar o idioma do site, introdução específica do produto, etc. com base nas informações de localização geográfica do usuário. O que vamos demonstrar abaixo é obter informações geográficas detalhadas através da API de informações de geolocalização JavaScript no navegador!
Verifique se o seu navegador suporta a API de geolocalização
Atualmente, os navegadores convencionais têm melhor suporte para a API de informações de geolocalização JavaScript. Mas se você não estiver à vontade, a melhor maneira de confirmar o suporte da API de informações de geolocalização é testar o recurso do navegador.
if ("geolocation" no navegador) {// w00t!} else {alert ("Infelizmente! Seu navegador não suporta funcionalidade da API de geolocalização");}Para determinar se o navegador suporta a API da geolocalização, o mais importante é olhar para o objeto de navegação.geolocation, usar, em vez de simplesmente usar o if (navegator.geolocation). Isso é muito importante, porque o último pode inicializar o objeto de informações de geolocalização, ocupando os recursos do dispositivo de travamento/bloqueio.
Informações de localização geográfica de consulta
O método Navigator.geolocation.GetCurrentPosition é a interface mais crítica para obter informações detalhadas de localização:
if ("geolocation" no navegador) {navegator.geolocation.getCurrentPosition (function (position) {console.log (position);});}Depois de chamar esse método (se a solicitação for bem -sucedida, ele executará o método de retorno de chamada que você fornecer no parâmetro), o navegador perguntará ao usuário se permitirá que o programa obtenha suas informações de geolocalização.
Quando os usuários executam uma página da web para obter suas informações de localização, o navegador pode começar a ler informações geográficas. Ele retornará um objeto de informação de localização. A estrutura do objeto é basicamente a seguinte:
// "Position" object{ coordinates: { "Coordinates" object accuracy: 65, altitude: 294.4074401855469, altitudeAccuracy: 10, heading: -1, latitude: 43.01256284360166, longitude: -89.44531987692744, speed: -1 }, timestamp: 1429722992094269}Se você acha que essas informações de localização geográfica (coordenadas geográficas de latitude e longitude) não são suficientes e desejam o país ou a cidade a que essas coordenadas geográficas pertencem, você precisa chamar outros bancos de dados de terceiros - não explicaremos em detalhes aqui.
Esta API de informação de geolocalização é o aplicativo de API mais comum em muitos aplicativos móveis. Como programador da web, deve ser um conhecimento e habilidade que você deve ter. Felizmente, essa tecnologia é suportada por todos os navegadores populares atualmente.
O exposto acima é tudo sobre este artigo, espero que seja útil para todos aprenderem a programação de JavaScript.