0

我正在使用Google Maps API来获取多条路线的行驶距离。每条路线都由不同的司机走;它们都有相同的起点但不同的终点,并且可能有多个航点。

我遇到的问题是 API 似乎没有给我任何方法来命名每条路线,所以当它们异步返回时,我无法确定哪条路线属于哪个驱动程序。的确,每条路线都有不同的地址,但 DirectionsService 响应对象返回的地址与我发送的地址略有不同——例如,“伊利诺伊州德斯普莱恩斯”变为“伊利诺伊州德斯普莱恩斯”——这使得比较不可靠那些。

API 似乎不允许我发送带有请求对象的任意字符串来唯一地命名它们。那么我能做什么呢?

一个可能有助于澄清我在做什么的代码片段:

$.getJSON(ajaxsource, function(data) {
    var darr = data.driver_info, // includes driver name, start and end addresses
        driver, start, end,
        waypts = [];
    for (var i=0,j=darr.length; i<j; i++) {
        if (driver==$.trim(darr[i][8])) { // same driver, next destination
            //  start = end;
            waypts.push({
                location: end,
                stopover: true });
        } else {
            waypts = [];
            driver = $.trim(darr[i][8]);
            start = $.trim(darr[i][4]);
        }
        end = $.trim(darr[i][2]);

        if (i+1==j || driver!=$.trim(darr[i+1][8])) { 
            var request = { // route object
                origin: start,
                destination: end,
                waypoints: waypts,
                optimizeWaypoints: true,
                travelMode: google.maps.DirectionsTravelMode.DRIVING
            };
            directionsDisplay = new google.maps.DirectionsRenderer();
            directionsService.route(request, function(response, status) {
                var legs = response.routes[0].legs;
                // console.log(response);
                for (var k=0; k<legs.length; k++) {
                    $('#results').append($('<li>').html("Driver " + driver + 
                        "<br>starts at " + legs[k].start_address + 
                        "<br>and drives " + legs[k].distance.text + 
                        "<br>to end at " + legs[k].end_address));
                }
            });
        };

    }; // end for
}); // end getJSON

该代码将根据需要返回所有路线信息,但由于它是异步的,因此每个结果中的都是我的数组driver中列出的最后一个驱动程序的名称。data.driver_info我需要的是列出应该与该特定路线相关联的驱动程序。

4

2 回答 2

2

在循环中设置 a var loc_driver = driver;,以便您可以将它放在for循环的本地,然后在回调中使用该值,而不是依赖“全局”(至少,相对于整个getJSON调用)值。

对方向服务的回调具有来自 for 循环和整个function(data){ ... }.

问题是driver每次通过 for 循环都会发生变化,并且您的回调使用该 "global" driver。相反,如果您设置一个仅存在于每个 for 循环范围内的变量,并且回调依赖于该变量,那么问题就解决了。

编辑:可能存在一些参考与价值问题,那么如何在方便的地方声明:

callbackFactory = function(driver) {
   return function(request, status) {
     var legs = response.routes[0].legs;
     console.log(response);
     for (var k=0; k<legs.length; k++) {
        $('#results').append($('<li>').html("Driver " + driver +
             "<br>starts at " + legs[k].start_address + 
             "<br>and drives " + legs[k].distance.text + 
             "<br>to end at " + legs[k].end_address));
     }
   };
};

然后在您的控制结构中:

directionsService.route(request, callbackFactory(driver));
于 2012-09-19T15:26:04.267 回答
0

更多的调试发现了一个解决方案——谷歌文档没有提到该response对象不仅包含状态和路由,还包含一个名为的子对象ub,它反映了我发送的请求对象。使用它,我可以准确地比较地址以匹配到司机的路线。

Object
    routes: Array[1]
    status: "OK"
    ub: Object
        destination: "1234 Some Street, Antioch, IL"
        optimizeWaypoints: true
        origin: "2345 Anywhere Ave., Lake Forest, IL"
        travelMode: "DRIVING"
        waypoints: Array[0]
        __proto__: Object
    __proto__: Object

我在directionsService.route()回调中添加了以下代码:

var driver = '',
    end_ub = response.ub.destination;
for (var a=0,b=darr.length; a<b; a++) {
    if (darr[a][2]==end_ub) {
        driver = darr[a][8];
        break;
    };
};
于 2012-09-19T15:34:31.183 回答