Como criar Distance Matrix API e Maps Javascript e Places API para JuxtaPED

Luis Fernando

Última atualização há 4 anos

Antes de iniciar o processo de configuração de chaves de API, você deve primeiro ativar o faturamento em sua conta do console do Google.


Vá para o seguinte url e selecione seu projeto para habilitar o faturamento

https://console.cloud.google.com/project/_/billing/enable


Acesse o console do Google Cloud Platform .


Clique no botão Selecionar um projeto , selecione o projeto que você configurou para o JuxtaPED e clique em Abrir. * Se você não tem um projeto, crie um novo no

Na lista de APIs no painel , procure API do Google Places .

Se você vir as seguintes APIs Maps Javascript API , Distance Matrix API , Places API e Geocoding API na lista, já estão ativadas. Se as APIs não estiverem listadas, habilite-as:

Na parte superior da página, selecione ATIVAR APIS E SERVIÇOS para exibir a guia Biblioteca . Como alternativa, no menu do lado esquerdo, selecione Biblioteca .


Pesquise a API do Google Places e selecione-a na lista de resultados.

Selecione ATIVAR . Quando o processo termina, a API do Google Places aparece na lista de APIs no painel .

Repita as etapas 2 e 3 para Maps Javascript API e Distance Matrix API

A próxima etapa é criar chaves de API para usá-las nas configurações do JuxtaPED . Nesta etapa, você deve criar 2 chaves de API diferentes. O primeiro será usado para Preenchimento Automático de Endereço, enquanto o outro será usado para calcular a distância da loja até a localização do cliente.


Nota importante: Precisamos criar 2 chaves separadas porque não podemos aplicar as mesmas chaves de restrição. Diferentes restrições são necessárias para aplicar a cada chave.


A primeira etapa é criar a Chave para Preenchimento Automático de Endereço.

Acesse o console do Google Cloud Platform .

Clique na lista suspensa do projeto e selecione ou crie o projeto para o qual deseja adicionar uma chave de API.

Clique no botão de menu e selecione APIs e serviços> Credenciais .

Na página Credenciais , clique em Criar credenciais> chave de API .

A caixa de diálogo Chave de API criada exibe sua chave de API recém-criada.

Clique em Fechar.

A nova chave de API está listada na página Credenciais em Chaves de API .

(Lembre-se de restringir a chave API antes de usá-la na produção.)

A segunda etapa é restringir a chave API para preenchimento automático de endereços

Acesse o console do Google Cloud Platform .


Clique na lista suspensa do projeto e selecione o projeto que contém a chave API que você acabou de criar na etapa acima.

Clique no botão de menu e selecione APIs e serviços> Credenciais .

Na página Credenciais , clique no nome da chave API que você deseja proteger.

Na página Restringir e renomear chave de API , defina as restrições:

Restrições de aplicativos


Selecione referenciadores HTTP (sites) .

Adicione o referenciador como este exemplo: https://yoursiteurl.com/* Observações: Certifique-se de incluir o asterisco (*) no final do url para capturar todos os urls do seu site. Além disso, se você estiver usando www , não se esqueça de incluí-lo em sua url.

  • Restrições de API
  • Selecione Restringir chave .
  • Clique em Selecionar APIs e selecione Maps JavaScript API e Places API .
  • (Se a API JavaScript do Google Maps não estiver listada, você precisará ativá- la.)
  • Clique em SALVAR .


Vamos criar a Distance Matrix API Key para JuxtaPED para poder calcular a distância

Na verdade, este é o mesmo processo que fizemos anteriormente com a chave anterior.


  • Acesse o console do Google Cloud Platform .
  • Clique na lista suspensa do projeto e selecione ou crie o projeto para o qual deseja adicionar uma chave de API.
  • Clique no botão de menu e selecione APIs e serviços> Credenciais .
  • Na página Credenciais , clique em Criar credenciais> chave de API .
  • A caixa de diálogo Chave de API criada exibe sua chave de API recém-criada.
  • Clique em Fechar.


A nova chave de API está listada na página Credenciais em Chaves de API .

(Lembre-se de restringir a chave API antes de usá-la na produção.)

Aplicar restrições à chave da Distance Matrix API


  • Acesse o console do Google Cloud Platform .
  • Clique na lista suspensa do projeto e selecione o projeto que contém a chave API que você acabou de criar na etapa acima.
  • Clique no botão de menu e selecione APIs e serviços> Credenciais .
  • Na página Credenciais , clique no nome da chave API que você deseja proteger.
  • Na página Restringir e renomear chave de API , defina as restrições:
  • Restrições de aplicativos
  • Selecione os endereços IP
  • Adicione o endereço IP do seu servidor aqui Notas: Se você não estiver usando o IP do seu servidor, você pode verificá-lo acessando https://dnsmap.io/ e digite seu nome de domínio e selecione A e pressione Verificar propagação de DNS
  • Restrições de API
  • Selecione Restringir chave .


Clique em Selecionar API e selecione Distance Matrix API e Geocoding API .

(Se a API JavaScript do Google Maps não estiver listada, você precisará ativá- la.)

Clique em SALVAR .


Esta configuração é para a API do Google Places e a API Javascript do Google Maps que será usada para preenchimento automático de endereço


Anotações importantes

  1. Se você selecionou Distância em KM, pode pular a API de geocodificação .
  2. Se você selecionou Design Area (Polygon), pode pular a Distance Matrix API .

A Maps Javascript API e a Places API são necessárias para o preenchimento automático de endereços

Este artigo foi útil?

0 de 0 gostaram deste artigo

Ainda precisa de ajuda? Envie-nos uma Mensagem