Calcular preço de frete com o Google Distance Matrix Service

postado em: HTML, Javascript, JQuery | 0

Olá pessoal, esta semana estava procurando alguma forma fácil de calcular o frete pago para o motoboy fazer o delivery do restaurante que prestamos serviço, o Miranda Restaurante, Hamburgueria e Massas aqui de Curitiba.

Para fazer isso precisei criar uma conta no Google Cloud e ativei a API Distance Matrix Service para conseguir uma chave de acesso para browser.

Usei também o Bootstrap para o visual não ficar no HTML puro.

Calcular Frete Distance Matrix Service
Calcular Frete Distance Matrix Service

 

Para o script abaixo funcionar, basta criar uma pagina HTML e fazer um copy and paste. Vai ser necessário por a chave do google no lugar do YOUR_API_KEY.

Para calcular o valor do frete com a API Matrix, é necessário informar um endereço de origem e um de destino. No nosso caso, como o endereço de origem sempre será o mesmo, foi deixado fixo no formulário com input hidden. Mas se for preciso alterar a origem ou deixar livre para edição, basta mudar o input de hidden para text.

Para facilitar a vida de quem irá pesquisar o frete, coloquei no form o onsubmit=”getDistanceValue();” para que quando terminar de preencher o campo e apertar o ENTER já inicia a pesquisa.

Caso tenha alguma dúvida deixe um comentário que terei prazer em ajudar.
Comentários são bem-vindos assim posso melhorar a qualidade dos tutoriais aqui apresentados.

Seguir Marcelo Korjenioski:

Desenvolvedor Web. Formado em Redes de Computadores na Faculdade Santa Cruz em Curitiba PR e Pós-Graduado em Tecnologia Java na UTFPR.