Leaflet 如何使用传单在两个节点之间绘制路径
我有一组lat和long点,它们形成了从源到目的地的路线。我使用了传单的多段线方法来绘制源到目标之间的路径,但它给出了一个混乱的路径Leaflet 如何使用传单在两个节点之间绘制路径,leaflet,openstreetmap,Leaflet,Openstreetmap,我有一组lat和long点,它们形成了从源到目的地的路线。我使用了传单的多段线方法来绘制源到目标之间的路径,但它给出了一个混乱的路径 var firstpolyline = new L.polyline(latlong, { color: 'red', weight: 3, opacity: 0.5, smoothFactor: 1 }); firstpolyline.addTo(mym[![enter ima
var firstpolyline = new L.polyline(latlong, {
color: 'red',
weight: 3,
opacity: 0.5,
smoothFactor: 1
});
firstpolyline.addTo(mym[![enter image description here][1]][1]ap);
上述代码中的latlong是纬度和经度点的数组。但它给出了如下的加扰输出:
imgur.com/aZrGa.jpg
但latlong点形成了从源到目标的单一正确路径。我一直在使用折线。我犯了什么错误?我应该使用一些其他的传单方法吗
在@ivansanchez注释后编辑
latlong阵列为L.LatLng(x,y)类型,其中L为传单对象。以下是一个片段:
这是我的错误,多段线工作正常。我有一系列没有顺序的板条。放置有序的latlng点有助于我正确地绘制源和目标之间的路线。
1。var mymap=L.map('mapid').setView([17.387140,78.491684],13);
1. var mymap = L.map('mapid').setView([17.387140, 78.491684], 13);
2. L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
attribution: "© <a href='http://osm.org/copyright'>OpenStreetMap</a> contributors"
}).addTo(mymap);
3. var latlngs = [
[15.89625,80.53544],
[15.89626,80.53542],
[15.89628,80.53536],
[15.89617,80.53539],
[15.89621,80.53547]
];
4. var path = L.polyline.antPath(latlngs,{"delay":400,"dashArray":[10,20],"weight":5,"color":"black","paused":true,"reverse":false}
).addTo(mymap);
5. mymap.addLayer(path);
mymap.fitBounds(path.getBounds());
2.L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png'{
属性:“©;贡献者”
}).addTo(mymap);
3.var latlngs=[
[15.89625,80.53544],
[15.89626,80.53542],
[15.89628,80.53536],
[15.89617,80.53539],
[15.89621,80.53547]
];
4.var path=L.polyline.antPath(latlngs,{“delay”:400,“dashArray”:[10,20],“weight”:5,“color”:“black”,“paused”:true,“reverse”:false}
).addTo(mymap);
5.mymap.addLayer(路径);
mymap.fitBounds(path.getBounds());
说明:
你的
LatLng
s数组是什么样子的?只有代码的答案很好。请补充说明。如果使用多段线,我们只能画直线。如果使用polyline.antPath,我们可以绘制包含所有板条的路径。例如,曲线。编辑答案,并将细节添加到答案本身