Jump to content
Rodrigo Razzyel

Api google maps calcular tempo do frete

By Rodrigo Razzyel, in Javascript

Recommended Posts

Rodrigo Razzyel    0

Rodrigo Razzyel
Posted

Eu não estou conseguindo fazer ele adicionar um valor no tempo da viagem ..tipo assim depois que eu colocar o endereço ai me gera o valor do frete mas eu quero calcular o tempo estimado sambem Ex. se o tempo for 60 minutos e o motorista demorar 120 minutos, apos os 60 minutos ja calculado somaria a cada minuto adiciona $0,05 centavos ..não sei se estou sendo especifico,

e tambem não estou conseguindo fazer com que a posição de origem ser enviada para o banco de dados
o banco de dados seleciona o motoboy que esta conectado mais proximo do ponto de origem, quando o motoboy chega na origem e pega o documento ele ja clica em iniciar 
para dar o destino para ele... tem alguma maneira de fazer isso sem usar o banco de dados...

 

poderia me ajudar

 

o codigo é 

 <body>
      <div class="upage" id="mainpage" data-role="page" style="background:url(img/back.jpg); background-size:cover">
        <div id="moto" class="upage-content vertical-col left hidden">
           <div class="table-thing widget uib_w_7 d-margins" data-uib="twitter%20bootstrap/input" data-ver="1">
                  <label class="narrow-control label-inline" for="txtOrigem">Retirada</label>
                  <input class="wide-control form-control default" type="text" placeholder="Digite o endereço para retirar" id="txtOrigem">
               </div>
               <div class="table-thing widget uib_w_8 d-margins" data-uib="twitter%20bootstrap/input" data-ver="1">
                  <label class="narrow-control label-inline" for="txtDestino">Entrega</label>
                  <input class="wide-control form-control default" type="text" placeholder="Digite  endereço de entrega" id="txtDestino">
               </div>
               <!-- codigo botao xdk -->
               <button class="btn widget uib_w_9 d-margins btn-info" data-uib="twitter%20bootstrap/button" data-ver="1" onclick="CalculaDistancia()"><i class="glyphicon glyphicon-search" data-position="icon only"></i>
               </button>

              
               <div class="grid grid-pad urow uib_row_3 row-height-3" data-uib="layout/row" data-ver="0">
                  <div><span id="litResultado">&nbsp;</span>
                  </div>
                  <div class="col uib_col_5 col-0_12-12" data-uib="layout/col" data-ver="0">
                     <div class="widget-container content-area vertical-col">
                        <span class="uib_shim"></span>
                     </div>
                  </div>
                  <span class="uib_shim"></span>
               </div>
            </div>

         </div>
      </div>

<script src="http://code.jquery.com/jquery-1.8.1.js" type="text/javascript"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
         function CalculaDistancia() {
                $('#litResultado').html('Aguarde...');
                //Instanciar o DistanceMatrixService
                var service = new google.maps.DistanceMatrixService();
                //executar o DistanceMatrixService
                service.getDistanceMatrix(
                  {
                      //Origem
                      origins: [$("#txtOrigem").val()],
                      //Destino
                      destinations: [$("#txtDestino").val()],
                      //Modo (DRIVING | WALKING | BICYCLING)
                      travelMode: google.maps.TravelMode.DRIVING,
                      //Sistema de medida (METRIC | IMPERIAL)
                      unitSystem: google.maps.UnitSystem.METRIC
                      //Vai chamar o callback
                  }, callback);
            }
            //Tratar o retorno do DistanceMatrixService
            function callback(response, status) {
                //Verificar o Status
                if (status != google.maps.DistanceMatrixStatus.OK)
                    //Se o status não for "OK"
                    $('#litResultado').html(status);
                
                else {
                    //Se o status for OK
                    //Endereço de origem = response.originAddresses
                    //Endereço de destino = response.destinationAddresses
                    //Distância = response.rows[0].elements[0].distance.text
                    //Duração = response.rows[0].elements[0].duration.text
 var valor = (parseFloat(response.rows[0].elements[0].distance.text.substring(0, response.rows[0].elements[0].distance.text.length - 3).split(",").join(".")) * 1.68 + 5.39).toFixed(2).toString().split(".").join(",");
$('#litResultado').html("<strong>Origem</strong>: " + response.originAddresses +
"<br /><strong>Destino:</strong> " + response.destinationAddresses +
"<br /><strong>Distância</strong>: " + response.rows[0].elements[0].distance.text +
" <br /><strong>Duração</strong>: " + response.rows[0].elements[0].duration.text +
" <br /><strong>Preço</strong>: R$ " + valor
);
$("input[name='item_valor_1']").val(valor);

                    //Atualizar o mapa
                    $("#map").attr("src", "https://maps.google.com/maps?saddr=" + response.originAddresses + "&daddr=" + response.destinationAddresses + "&output=embed");
                }
            }
      </script>
   </body>

</html>

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Go To Topic Listing Javascript

  • Similar Content

    • lUANZIKA3
      Incluir API JSON
      By lUANZIKA3
      Opa tudo bem?
      Bom eu estou tentando colocar uma api no meu site só que não faço a minima ideia por onde começar pós eu não sem a linguagem JSON, sou leigo estou começando agora só preciso disso para finalizar meu projeto. 
      Aqui está a API 
      curl —X POST -c cookies.txt —d "login=testaccount&password=testaccountpassword1234" https://www.myadcash.com/console/login_proxy.php Ai depois com o token
      curl -X POST -b cookies.txt —d "token=TOKEN&call=get_publisher_detailed_statistics&start_date=2018-08-02&end_date=2018-08-015" https://myadcash.com/console/api_proxy.php A pagina aonde eu quero integrar essa API
      <?php session_start(); require_once 'checklog.php'; require_once 'init.php'; ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Hello, world!</title> </head> <body> ....... </body> </html>  
    • david2007
      Endpointer Framework PHP REST API
      By david2007
      Endpointer Framework é um Framework PHP para construção de APIs REST com Programação Procedural.
       
      Todas as regras de negócio são implementadas como Stored Procedures.
       
      http://endpointer.com
       
      Endpointer Framework é Código Aberto sob a licença MIT

    • david2007
      Endpointer Framework PHP REST API
      By david2007
      Endpointer Framework é um Framework PHP para construção de APIs REST com Programação Procedural.
       
      http://endpointer.com
       
      Endpointer Framework é Código Aberto sob a licença MIT

    • david2007
      Endpointer Framework PHP REST API
      By david2007
      Endpointer Framework é um Framework PHP para construção de APIs REST com Programação Procedural.
       
      http://endpointer.com
       
      Endpointer Framework é Código Aberto sob a licença MIT

    • david2007
      Endpointer Framework PHP REST API
      By david2007
      Endpointer Framework é um Framework PHP para construção de APIs REST com Programação Procedural.
       
      http://endpointer.com
       
      Endpointer Framework é Código Aberto sob a licença MIT
       

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.

  I accept