Leaflet 如何使用传单在两个节点之间绘制路径

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

我有一组lat和long点,它们形成了从源到目的地的路线。我使用了传单的多段线方法来绘制源到目标之间的路径,但它给出了一个混乱的路径

      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: "&copy; <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());
说明:
  • 要在给定的latlongs([17.387140,78.491684])上设置地图视图,13表示缩放
  • 在地图上添加平铺
  • 拉特朗斯
  • 通过设置css绘制多段线和路径
  • 将层添加到路径

  • 你的
    LatLng
    s数组是什么样子的?只有代码的答案很好。请补充说明。如果使用多段线,我们只能画直线。如果使用polyline.antPath,我们可以绘制包含所有板条的路径。例如,曲线。编辑答案,并将细节添加到答案本身