传单路由机航路点添加为标记

Question

我正在尝试使用存储在数据库中的航点在我的网络应用程序中创建传单路由机器路线。我首先创建控件：

var routeControl = L.Routing.control({waypoints: [null]}).addTo(map);
getTestRoute("1");

函数“getTestRoute”从数据库中提取我的航路点作为纬度/经度对并将它们添加到控件中，函数如下：

function getTestRoute(route){

    $.ajax({

    url: './get_route.php',
    type: 'POST',
    dataType: 'JSON',
    data: {
          getRoute: route
    },

    success: function (res) {


        $.each(res,function(key,value){

            var newLatLng = new L.LatLng(res[key].latitude, res[key].longitude);


            routeControl.spliceWaypoints(0, 0, newLatLng);

        })

    }

    });
}

我的问题是，我没有看到地图上的路线，而是看到我的航点（总共五个）作为标记添加到地图中，它们之间没有路线。

请帮忙！！！

这是我的问题：http://jsfiddle.net/c4yfy4ek/46/

从小提琴上可以看出，在点之间没有创建路线，并且点被添加为标记（我假设这是意外的？？）。

Answer 1

问题在于使用 spliceWaypoints 与 Leaflet Routing Machine 中未记录的功能。

当控件创建时，它会自动添加路点，这样路线总是有一个开始和一个结束路点，这样的路点还没有提供。这意味着：无论您做什么，getWaypoints 都会始终返回一个包含至少两个条目的数组；如果未提供，这些航路点的latLng 属性将设置为undefined，表示尚未提供位置。

在有问题的代码中，控件已创建，并将获得由 Leaflet Routing Machine 隐式添加的两个航路点，位置为undefined。稍后，您添加了几个新航点，但隐含的两个航点仍然存在，没有位置。不会计算路线，因为缺少两个航路点。

解决方法是先构建航点数组，然后调用setWaypoints，而不是spliceWaypoints。

查看小提琴的更新版本：http://jsfiddle.net/c4yfy4ek/53/