Forum Academy Marketplace Showcase Pricing Features

Api google maps

Olá pessoal boa noite !

No meu projeto estou precisando usar a mesma estrutura que o @renatoasse usou no vídeo do clone da Uber para traçar um rota e calcular os valores. Segui os passos dele para mostrar o mapa na tela e esta dando esse erro abaixo alguém pode me socorrer?

Oi @luizgustavopereiraab,

Precisa configurar direitinho tua API.
Aqui no próprio manual do Bubble tem um passo-a-passo:
https://manual.bubble.io/working-with-data/setting-up-google-api-keys

Basicamente, vc precisa acessar https://console.developers.google.com/ , criar um projeto, ativar as APIs e configurar o faturamento. Ative as seguintes APIs:

  • Distance Matrix
  • Geocoding API
  • Places API
  • Maps Javascript API

Aí vc pega tua API Key em Credenciais e insere ali no HTML :slight_smile:

Mestre ouve alteração no formato do maps para pegar a localização, pq faço da mesma maneira e não funciona.
Aparece isso: Google Maps Platform rejected your request. Invalid request. Invalid ‘origin’ parameter.

Seja bem vindo @thiagominutodelivery,

Provavelmente vc está tentando visualizar sem enviar um Origin, no editor.
Precisa dar PREVIEW pra funcionar :slight_smile:

1 Like

Olá Renato.
Sou o Wagner Gonçalves, aluno no curso.
Não consigo saber como pegar a posição do GPS do celular do motorista para fazer o rastreamento em tempo real, tal como vc diz no vídeo que é possível (posição geográfica autal).
Poderia me explicar como fazer?
Grato.

Oi @wagnerlcg, é só usar o “Current Geographic Position”:
image

Ah, e na próxima pode postar lá no grupo:


Olá Renato, fiz todos os passos configurei a API, refiz as ações pata startar o mapa e mesmo assim ele não traça a rota, eu consigo obter os KMS de distância entre os dois pontos e o tempo entre os dois pontos, mas o mais importante que seria a rota ele não traça, as vezes aparece esse erro aqui