Nesta lição, veremos como usar a API de geolocalização do JavaScript. E se você quiser pensar sobre o impacto disso, qualquer aplicativo que usa sua localização, celular, desktop ou o que mais houver, está usando essa API, de alguma forma. Vou demonstrar como podemos obter nossa localização, e então usaremos o Google Maps para que possamos mostrar o que realmente podemos fazer com ele. E apenas para começar a obter nossa localização, Vou adicionar um código que obtém minha localização quando eu clico no botão, e tudo começa usando o objeto navigator, que é o próprio navegador, e o objeto de geolocalização que faz parte dele. Você deve estar bastante seguro que a maioria dos navegadores modernos oferecem suporte ao objeto de geolocalização. Se você não tem certeza, você pode usar uma biblioteca de detecção de recursos como o Modernizer Ou algo nesse sentido. Mas o que queremos fazer é obter nossa posição atual, e os parâmetros que este método leva são o nome da função que vamos executar se tiver sucesso, e o nome da função que vamos executar se conseguir nossa posição não der certo. Agora, o que a API de geolocalização faz, é percorrer uma série de maneiras que para encontrar sua localização. Ele pode usar seu endereço IP, poderia usar sua operadora de celular, poderia fazer triangulação de telefone celular, coisas nesse sentido. A beleza de usar isso é que você não precisa saber ou se importar sobre o método que ele usa. Quando obtemos a posição atual, estamos procurando uma posição em pé. Existem outros métodos que podemos usar para observar nosso progresso. Digamos que, para um aplicativo de GPS que fornece rotas, vamos querer observar essa posição conforme você se move. Nesse caso, vamos apenas ver a posição em que estou, e vou mostrar um pequeno medidor de progresso aqui. Então, vamos preencher nossas funções, e nós decidiremos o que vamos fazer quando algo acontece. E a função de erro é um pouco mais curta, Vou apenas mostrar um pequeno indicador de progresso, e vou mostrar a mensagem e o código que vem com esse erro. Essas são apenas propriedades que recebemos de volta desse objeto de erro que é transmitido. Agora, eventualmente, vou querer para fornecer as informações de localização que encontro quando funciona para a API do Google Maps. Mas vou começar apenas exibindo as informações que recebo, então, todos são apenas elementos da minha página. E observe que estou passando por um objeto de posição aqui. A posição tem um objeto coords com ela que conterá nossa localização. Isso me dá latitude, longitude e precisão, quão perto está em metros? Digamos que, para um endereço IP, vai ser uma estimativa aproximada, enquanto, digamos, triangulação de torre de telefone celular vai ser mais preciso. Dependendo do tipo de leitura que estamos obtendo, também podemos obter a altitude e a precisão da altitude. Se estamos observando a posição, também podemos obter a velocidade. Agora, isso não vai se aplicar porque eu não estou fazendo isso enquanto estou dirigindo, Estou apenas sentado. Então, isso irá obter todas as nossas informações e vamos exibir isso na página, e eu tenho algumas outras variáveis que vou ficar aqui, porque eu dou esta informação para a API do Google Maps mais tarde. O que vai acontecer daqui em diante, é que preciso ter uma conta de desenvolvedor do Google Maps, e você pode descobrir como fazer isso, mas para acessar isso, Eu preciso ter este script incluído. Este é o script da API do Google Map, e vou colocar minha chave de desenvolvedor aqui. Eu não vou mostrar para você embora, porque é minha chave e não gosto de compartilhar. Então você pode seguir as instruções e obter sua própria chave aqui, e isso o torna para que eu possa usar a API do Google Maps mais tarde. E eu não fiz muita coisa com esse código. Este é principalmente um código clichê que você pode obter na documentação de introdução no site do Google. Algumas coisas importantes que quero destacar. Temos um zoom no mapa, vai de um a 15, então estou quase (indistinto), mudei para lá, e podemos criar nossos próprios marcadores personalizados. Talvez você tenha visto marcadores em mapas com fotos e links, esses são relativamente simples de fazer. Neste caso, vou apenas marcar este com esta coisinha que diz: "Estamos aqui." A função de inicialização aqui apenas desenha o mapa inicialmente. O mapa vai realmente aparecer em apenas um div regular na página, então isso designa onde isso vai aparecer. Então o que vou fazer é colocar outro botão chamado mostrar novo local, isso vai chamar isso e nos dê um mapa do Google com nossa localização assim que for executado. Então, vamos ver como é a nossa página e ver se podemos descobrir onde no mundo realmente estamos. Observe primeiro, eu obtenho um diálogo. A geolocalização é uma opção do usuário, então, se eu bloquear isso, então minha função só receberá um erro de volta me dizendo que não consegue encontrar o que procura. Eu vou em frente e permitir. Lá vamos nós, lá está minha latitude e longitude. Agora, a precisão estará muito errada neste caso. Estou usando uma máquina virtual, então talvez isso atrapalhou um pouco a API, então são alguns metros, mas conseguimos um local de onde isso está acontecendo. O resto disso agora, Posso fazer isso para mostrar minha localização no Google Maps, e pinta aqui mesmo nesta tela. Agora, há meu pequeno marcador que diz: "Estamos aqui." Estou em algum lugar na área da Califórnia neste momento, e depois disso, esta é apenas uma interface normal do Google Maps. Você pode fazer qualquer coisa com isso que você faz no site normal. Nesta lição, vimos como obter nossa localização e então dar alguns passos para fazer uso prático desses dados de localização. Obrigado por assistir. Em nossa próxima lição, daremos uma olhada no desenho com a API Canvas.
