Revivendo um post antigo
Olá! pessoal, Hoje resolvi fazer um update sobre como “Pegar Coordenadas Geográficas à partir de um endereço” usando Javascript, que na verdade é um update a versao de um post meu de 2012, onde eu explicava como Pegar Coordenadas Geográficas à partir de um endereço usando PHP. Fiz tambem uma versão em NodeJS.
Configurando o Google Maps
A primeira coisa que você vai precisar é uma ApiKey do Google Maps.
Vamos começar definindo constantes com a url da api (API_URL) e outra com a chave de api (API_KEY).
Vamos criar uma uma função para facilitar a requisição à Api.
Pegando as coordenadas usando jQuery
Primeiramente a versão em jQuery, lembre-se de importar o jQuery usando <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>.
Pegando as coordenadas usando Axios
Agora a versão usando Axios, lembre-se de importar o Axios usando <script src="https://unpkg.com/axios/dist/axios.min.js" type="text/javascript"></script>.
Utilizando o json parse e requisitando os dados
A parseJson é apenas uma função que engloba a JSON.parse() (nativa do javascript), retornando null caso algum erro ocorra.
Vamos criar também uma função que facilita a criação da url da api.
Agora vamos finalmente definir o endereço a ser buscado (address) e fazer a chamada à Api.
No resultado você terá uma forma fácil de localizar a longitude e latitude de um endereço usando o Google maps usando javascript com jQuery ou Axios.
Agora o código completo:
O código completo apenas é exibido no desktop, pois a leitura fica mais fácil, mas você pode acessar tambem pelo link direto do Gist.
Para saber mais…
Se você gostou desse post, compartilhe com seus amigos, ajude a espalhar conhecimento!
Não se esqueça de nos serguir nas redes sociais, por que você não pode ficar de fora!
- Curta nossa página no facebook
- Não perca as atualizações no twitter
- Veja as dicas no instagram
- Siga nossos repositórios no github
- Faça parte da nossa lista de desenvolvedores
Obrigado pela leitura, espero que você tenha aprendido algo. =)
