Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/date/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Leaflet 传单将多段线捕捉到路线_Leaflet_Polyline - Fatal编程技术网

Leaflet 传单将多段线捕捉到路线

Leaflet 传单将多段线捕捉到路线,leaflet,polyline,Leaflet,Polyline,我正在尝试将多段线转换为rout,但我遇到了一个问题 在下图中可以看到,道路与多段线不同: 这是我的密码: 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 marke

我正在尝试将多段线转换为rout,但我遇到了一个问题 在下图中可以看到,道路与多段线不同:

这是我的密码:

    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);
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=新的L.MarkerClusterGroup();
var-markerList=[];
var a=[];
var myTrip=[];
var myTrip2=[];
对于(变量i=1;i
1)那么这些线是用原始坐标绘制的吗?换句话说,绘制的线条是否像不使用路由服务一样

2) 传单路由机器是一个插件,支持多个路由引擎,OSRM是默认设置

您是否尝试将DB坐标插入到OSRM演示中?它能给你带来预期的结果吗

因此,这些线是用原始坐标绘制的吗?换句话说,绘制的线条是否像不使用路由服务一样

2) 传单路由机器是一个插件,支持多个路由引擎,OSRM是默认设置

您是否尝试将DB坐标插入到OSRM演示中?它能给你带来预期的结果吗


预期结果是什么?您正在使用的数据源是什么?我的问题是创建了错误的路径,图像中列出的路径是额外的且错误的。我从数据库中读取LAT和LNG。你的底图来自哪里?路线从哪里来?marker的lat lngs来自哪里?这些是不同的问题。@IvanSanchez底图是OSRM演示。lat和lng来自GPS传感器,然后存储在数据库中,并根据它们创建路线和标记。如图所示,蓝线是用多段线绘制的正确路径,红线是使用rout机器创建的,其中包括错误的和额外的高低街。预期结果是什么?您正在使用的数据源是什么?我的问题是创建了错误的路径,图像中列出的路径是额外的且错误的。我从数据库中读取LAT和LNG。你的底图来自哪里?路线从哪里来?marker的lat lngs来自哪里?这些是不同的问题。@IvanSanchez底图是OSRM演示。lat和lng来自GPS传感器,然后存储在数据库中,并根据它们创建路线和标记。如图所示,蓝线是用多段线绘制的正确路径,红线是使用rout机器创建的,这包括错误的和额外的高和低街道。代码指定我将使用这个插件,但不会得到所需的result@MortezaFathi哦,对不起。。我编辑了我的文章,试图提供帮助。正如你在图片中看到的,蓝线是用多段线绘制的正确路径,红线是使用布线机创建的,这包括错误的和额外的高和低街道。代码指定我将使用这个插件,但不会得到所需的result@MortezaFathi哦,对不起。。我编辑了我的帖子,试图提供帮助。正如你在图片中看到的,蓝线是用多段线绘制的正确路径,红线是使用布线机创建的,其中包括错误的和额外的高低街道。