在 javascript 中使用 Google 距离矩阵 API 查找距离和持续时间

问题描述 投票:0回答:0

如果有人可以帮我弄清楚我的代码,或者至少给我一些完成代码的提示,我将非常感激。它还需要显示距离和估计的驾驶时间,我在弄清楚如何编写它时遇到了一些麻烦,但我的通行费计算器和支付类型正在运行并且显示正常。

    <input type = "button" class = "btn btn-primary" id = "btn_GetToll" value = "Get Toll">
    <script>

        endpointAddressGetToll = "https://mnq35w4k5b.execute-api.us-east-1.amazonaws.com/default/GetToll";

        endpointAddressGetInterchangeInfo = "https://coljv06c3f.execute-api.us-east-1.amazonaws.com/default/GetInterchangeInfo";

        endpointAddressDistanceMatrixAPI = "https://api.distancematrix.ai/maps/api/distancematrix/json";
       var APIKey = '9YNnwFI6LLjk4tuYez6s0qRA0dz6W';




 $('#btn_GetToll').click(async function(){
            var interchangeEnter = $('select[id="interchangeEnter"]').val();
            console.log(interchangeEnter);
            var interchangeExit = $('select[id="interchangeExit"]').val();
            console.log(interchangeExit);
            var paymentType = $('select[id="paymentType"]').val();
            $.get(endpointAddressGetToll, {'interchangeEnter':interchangeEnter, 'interchangeExit':interchangeExit, 'paymentType':paymentType}, function(data){
                let tollprice = (data["APIMessage"]);
                console.log(paymentType);
                console.log(tollprice);
           
            var interchange=$('select[id="interchangeEnter"]').val();
            console.log(interchange);
            $.get(endpointAddressGetInterchangeInfo, {'interchange': interchangeEnter }, function(data){
                let enterlat = (data["API"].latitude);
                let enterlong = (data["API"].longitude);
                console.log(data);
                console.log(enterlat);
                console.log(enterlong);

            var interchange = $('select[id="interchangeExit"]').val();
            console.log(interchange);
            $.get(endpointAddressGetInterchangeInfo, {'interchange': interchangeExit}, function(data){
                let exitlat = (data["API"].latitude);
                let exitlong = (data["API"].longitude);

            //Distance Matrix API Part 3 Start//

             

            $.get(endpointAddressDistanceMatrixAPI, {'distance': distance});
            var distance = data.rows[0].elements[0].distance.text;

            $.get(endpointAddressDistanceMatrixAPI, {'duration': duration});
            var duration = data.rows[0].elements[0].duration.text;
            
           

                alert("The toll from interchange " + interchangeEnter + " to interchange " + interchangeExit +
                " paying with " + paymentType + " is $" + tollprice.toFixed(2) + "." + "The ");
                console.log(alert);
            })
            })
            })

        })
    </script>
    </body>
</html>

我知道我需要添加经度和纬度变量,然后将其添加到底部的警报中。我只是对这一步以及从哪里开始感到困惑。这是我第一次添加多个 API

javascript api google-distancematrix-api
© www.soinside.com 2019 - 2024. All rights reserved.