小册子捕捉折线到溃败

Question

我尝试将折线转换为溃败，但我遇到了问题 您在下面的图片中看到道路与折线不同：

这是我的代码：

    var mymap = L.map('map').setView([32.661343, 51.680374], 6);
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(mymap);
var markers = new L.MarkerClusterGroup();
var markerList = [];
var a = [];
var myTrip = [];
var myTrip2 = [];
for (var i = 1; i < locations.length ; i++) {
    myTrip.push(new L.LatLng(parseFloat(locations[i]['Received']['lat']),parseFloat(locations[i]['Received']['lng'])));
    a[0] =  parseFloat(locations[i]['Received']['lat']);
    a[1] = parseFloat(locations[i]['Received']['lng']);
  var marker = new L.Marker(new L.LatLng(a[0], a[1]));
    marker.bindPopup((locations[i]['Received']['id']).toString());
    markerList.push(marker);

    var polyline =L.polyline(myTrip, {color: 'blue'}).addTo(mymap);

}
var markerPatterns = L.polylineDecorator(myTrip, {
    patterns: [
        {offset: 25, repeat: 50, symbol: L.Symbol.arrowHead({pixelSize: 15, pathOptions: {fillOpacity: 1, weight: 0}})}
    ]
}).addTo(mymap);
var control = L.Routing.control({
    waypoints: myTrip,
    show: false,
    waypointMode: 'snap',
    showAlternatives: true,
    useZoomParameter: true,
    createMarker: function() {}
}).addTo(mymap);

Answer 1

1）使用原始坐标绘制的线条也是如此？换句话说，绘制的线条是否与您不使用路由服务一样？

2）Leaflet Routing Machine是一个支持多个路由引擎的插件，默认使用OSRM。

http://www.liedman.net/leaflet-routing-machine/

您是否尝试过将数据库坐标插入OSRM-demo？它能给你预期的结果吗？

http://map.project-osrm.org/