javascript - 我在此处地图中为每个用户查找路由服务时遇到问题

Question

我在这里使用地图来查找多个用户和目的地的路线。我在搜索栏中输入 new york 并点击搜索按钮，假设 api 返回十个用户的数组。现在我想为每个用户获取路由服务。

for(var i=0; i< aws_data.length; i++)
{

    aws_possition = 
    {
        lat: aws_data[i].lat,
        lng: aws_data[i].lng
    };
    lat2 = aws_possition.lat;
    lng2 = aws_possition.lng;

    var router = platform.getRoutingService(),
        parameters = {
                waypoint0: lat1+","+lng1,
                waypoint1: lat2+","+lng2,
                mode: 'fastest;car;traffic:enabled',
                departure: 'now'
        };
}

现在，当我运行此代码时，platform.getRoutingService 在给我每个用户的结果之前运行了 10 次。这是我完整的 for 循环代码。

   for(var i=0; i< aws_data.length; i++)
{

    aws_possition = 
    {
        lat: aws_data[i].lat,
        lng: aws_data[i].lng
    };
    lat2 = aws_possition.lat;
    lng2 = aws_possition.lng;

    var router = platform.getRoutingService(),
        parameters = {
                waypoint0: lat1+","+lng1,
                waypoint1: lat2+","+lng2,
                mode: 'fastest;car;traffic:enabled',
                departure: 'now'
        };
        console.log(parameters);
        //debugger;
    router.calculateRoute(parameters,
            function (result) {

            }


}

Answer 1

你好 Farrakh，欢迎来到 Stack Overflow。如果您正在使用此 API，那么您可以将您的数据映射到 Promise（请注意，对于 IE 和（非常）旧的浏览器，需要对 Promise 进行 polifill）

const router = platform.getRoutingService(),
  waypoint1 = aws_possition.lat + ',' + aws_possition.lng,
  mode = 'fastest;car;traffic:enabled',
  departure = 'now';
Promise.all(
  aws_data.map(
    ({ lat, lng, id }) =>
      console.log(`processing ${id}`) ||
      new Promise((resolve, reject) =>
        router.calculateRoute(
          {
            waypoint0: lat + ',' + lng,
            waypoint1,
            mode,
            departure,
          },
          (result)=>resolve([id,result]),
          reject,
        ),
      ),
  ),
).then(
  (results) => console.log('I have results:', results),
  (error) => console.log('something went wrong:', error),
);