';

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!

  1. Curta nossa página no facebook
  2. Não perca as atualizações no twitter
  3. Veja as dicas no instagram
  4. Siga nossos repositórios no github
  5. Faça parte da nossa lista de desenvolvedores

Obrigado pela leitura, espero que você tenha aprendido algo. =)


@emersonbroga

Programador há mais de 15 anos, sou formado em Desenvolvimento de Sistemas pela Faculdade Pitágoras e pós-graduado em Gestão Estratégica de Marketing pela PUC Minas. Trabalhei em diversas agências de publicidade e desenvolvimento de software e atualmente trabalho em projetos internacionais como FOX.com, FXNetworks.com, NatGeo.com entre outros. Estou atualmente dedicando meu tempo a ensinar programação em meu blog e redes sociais. Saiba mais em https://emersonbroga.com/e/sobre/.