Como combinar geolocalização com mapas do google quando codificação com javascript
Uma das coisas mais comuns que os programadores de javascript precisa fazer com os dados de geolocalização é exibir um local em um mapa. A fim de fazer isso, você primeiro precisa obter a latitude e longitude. Você tem isso agora. Mas, como você desenhar o mapa e descobrir onde no mapa que latitude e longitude são? Que, ao que parece, é a tarefa assustadora.
Conteúdo
Video: Популярные Video – Геолокация и javascript
Felizmente, existem pessoas que têm feito isso antes e que criaram uma API para interagir com seu software de mapeamento. O mais famosa, o Google faz o seu software de mapeamento disponível gratuitamente para qualquer pessoa através da API do Google Maps (mesmo para fins comerciais, na maioria dos casos).
Para usar a API do Google Maps, siga estes passos:
Ir para o console das APIs do Google emhttps://code.google.com/apis/consolee faça login com sua Conta do Google.
Após fazer o login, você pode ser solicitado para concordar com os termos de uso-se assim for, clique em Aceitar.
Clique no botão Ativar uma API.
Sua tela agora exibe uma lista de APIs e uma caixa de pesquisa Navegar APIs.
Na caixa de pesquisa Navegar APIs, digite Google Maps javascript v3 API.
O link para esta API aparece.
Clique no botão que diz OFF sob o título status.
Video: V8, modern javascript, and beyond - Google I/O 2016
Este passo transforma o ON API.
Depois de ativar a API javascript do Google Maps, um ON verde aparece ao lado do API.
Ativando a API do Google Maps.Video: How to fixing google maps - Oops! Something went wrong ON google chrome
Clique Credenciais link na barra de navegação esquerda.
Você verá a tela API Access.
Clique no link Criar nova chave.
Criar uma caixa de diálogo New Key aparece.
Clique chave do navegador na caixa de diálogo Key New Criar.
Uma caixa de diálogo que contém um campo de entrada de texto chamado Aceitar solicitações destes Referrers HTTP abre.
Deixe a caixa de entrada rotulada Aceitar solicitações dessas referências HTTP em branco e clique em Criar.
A caixa de diálogo é fechada e sua chave API será criado.
Na seção Acesso API pública, você agora encontrar uma longa seqüência de letras e números dentro de uma caixa Key rotulado para aplicativos de navegação. Esta é a sua chave de API.
A chave API é tudo que você precisa para ter acesso a toda a grande funcionalidade da API do Google Maps.
Agora que você tem acesso à API javascript do Google Maps, é hora de testá-lo. A página web neste exemplo obtém a localização do seu computador usando o navigator.geolocation objeto e, em seguida, passa para o Google Maps para obter um mapa.
Mapear a sua localização
Para que este script para funcionar corretamente, você tem que substituir o YOUR_API_KEY texto com a chave de API que você obteve do Google.
Confira os resultados de executar esse código em um navegador.
