APIs Google Maps: entenda o que são e saiba por onde começar!


O uso de APIs tornou possível agregar importantes funcionalidades a sites e aplicativos, potencializando a experiência do usuário e criando novas oportunidades de negócios. Uma das mais conhecidas e usadas atualmente são as APIs Google Maps.

Mas como funciona esse recurso e como você pode começar a usá-lo na sua companhia? Confira agora um passo a passo claro e prático!

O que são APIs Google Maps?

APIs (Applications Programming Interface, ou Interface de Programação de Aplicativos, em português) são um conjunto de padrões de programação para o usuário acessar as funções de um software ou plataforma web. Dessa forma, diferentes aplicações e plataformas podem agregar funcionalidades.

As APIs Google Maps, por exemplo, podem ser usadas para diversas finalidades, podendo ser incorporadas a aplicativos e sites para gerar informações relevantes que otimizarão a usabilidade e a experiência dos usuários.

A interface pode ser usada também a favor de empresas para exibir sua localização no site corporativo, ajudar os clientes a acharem seu estabelecimento, criar mapas personalizados e traçar rotas para otimizar a distribuição de mercadorias, utilizando-a como ferramenta de logística.

Como começar a usar?

Registrando sua empresa no Google

Essa interface do Google Maps pode ser utilizada em diversos códigos de programação e sistemas, como Javascript, Android, HTML5 e SDK para iOS. Mas, antes de usá-lo, registre sua empresa no Google. Assim, ela poderá ser encontrada nos resultados de busca, inclusive com as informações de contato e localização.

O processo é simples e gratuito. Acesso o Google Meu Negócio e siga os passos do cadastro.

Incorporando as APIs em seu site e serviços

Os primeiros passos para usar as APIs Google Maps são:

  • Possuir uma conta Google;
  • Adquira sua chave de autenticação neste link: https://code.google.com/apis/console
  • Ative a API Google Maps desejado;
  • Agora você terá sua chave para dar prosseguimento.

No exemplo dado pelo próprio Google, você poderá usar essas linhas de html como base:

<!DOCTYPE html>

<html>

  <head>

    <style>

       #map {

        height: 400px;

        width: 100%;

       }

    </style>

  </head>

  <body>

    <h3>My Google Maps Demo</h3>

    <div id="map"></div>

    <script>

      function initMap() {

        var uluru = {lat: -25.363, lng: 131.044};

        var map = new google.maps.Map(document.getElementById('map'), {

          zoom: 4,

          center: uluru

        });

        var marker = new google.maps.Marker({

          position: uluru,

          map: map

        });

      }

    </script>

    <script async defer

    src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">

    </script>

  </body>

</html>

Na parte indicada “your_api_key”, você insere a sua chave da API. O local é definido nos atributos lat (latitude) e lng (longitude). Esse posicionamento é encontrado no próprio Google Maps.

As configurações do html, como tamanho (height e width) podem ser ajustadas, assim como o título <h3>, que por padrão está configurado para “My Google Maps Demo”.

Uma outra forma ainda mais simples de incorporar o mapa ao site da empresa é o recurso Embed API:

  • Encontre o local desejado no Google Maps;
  • Clicar no Menu, representado pelos três traços;
  • Selecionar “Compartilhar ou incorporar mapa”;
  • Escolha a aba “Incorporar mapa”;
  • No menu, selecione o tamanho desejado para o mapa;
  • Copie e cole o código na página html do seu site.

O resultado será um código semelhante a este:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2598.769586258504!2d-43.17261392326378!3d-22.90543224735454!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9981e1422a546d%3A0x32209935a65a8136!2sRio+de+Janeiro!5e0!3m2!1spt-BR!2sbr!4v1487543872117" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Obviamente, esses são os primeiros passos, os mais simples, para você dar o pontapé inicial nas funções tão valiosas que essas APIs podem agregar ao seu site e serviços oferecidos aos usuários.

Se você deseja ficar a par de outras funcionalidades que esse recurso pode trazer ao seu negócio, baixe o nosso e-book e conheça 2 casos de uso para você criar receitas e reduzir custos com as APIs Google Maps. Não perca tempo, esse material é gratuito!

 

 

andrezza.vieira
About me

Deixe um comentário:

Seu email não será publicado.