如何使用传单

时间:2016-06-05 13:29:35

标签: leaflet openstreetmap

我有一组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 是纬度和经度点数组。但它提供了这样的混乱输出:

polyline forming scrambled output imgur.com/aZrGa.jpg

但是latlong点形成了从源到目的地的单一正确路径。我一直在使用polyLine。我做错了什么?我应该使用其他一些传单方法吗?任何帮助将不胜感激。

提前致谢。

在@ivansanchez评论之后编辑:

latlong数组的类型为L.LatLng(x,y),其中L是小叶对象。这是一个片段:enter image description here

2 个答案:

答案 0 :(得分:0)

这是我的错,Polyline正常工作。我有一系列不在订单中的latlng。放置有序的latlng点帮助我在源和目的地之间正确绘制路线。

答案 1 :(得分:0)

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());

解释:

  1. 要在给定的latlongs [[17.387140,78.491684])上设置地图视图,则13表示缩放。
  2. 在地图上添加图块。
  3. 拉特隆斯。
  4. 通过设置css绘制多段线蚂蚁路径。
  5. 将图层添加到路径。