如何将多段线添加到 Leaflet 地图中

Question

我正在使用 zeppelin 和 angular 解释器。我尝试了三种不同的方法。 None 其中成功了。但是出现了简单的标记。

第一个

var array =  [];
all_properties.forEach(item =>{
    array.push(new L.LatLng(item[0], item[1]));
});
 var firstpolyline = new L.polyline(array, {
color: 'red',
weight: 5,
opacity: 1,
smoothFactor: 1
});
firstpolyline.addTo(map);

第二个

var poly = new L.polyline(all_properties, {
color: 'green',
weight: 5,
opacity: 1,
smoothFactor: 1
});
poly.addTo(map);

第三个

var polylinePoints = [
        [lat, long],
        [lat1, long1]
      ];            
var polyline = L.polyline(polylinePoints).addTo(map);

没有错误...

有什么想法吗？谢谢

编辑：当我将点显示为标记时，所有点都显示在一张地图上。这组标记应该是折线...

arr_markers = [];
all_properties.forEach(item =>{
arr_markers.push(L.marker([ item[0], item[1]], {icon: basicIcon}));
});

polyGroup = L.layerGroup(arr_markers).addTo(map);

Answer 1

奇怪的事情发生了。我刚刚注销并登录，多边形出现了。其实都是。也许某些东西缓存在我的浏览器 (Firefox)、Zeppelin 或解释器中（angular interpeter 的重启没有帮助...）

如何将多段线添加到 Leaflet 地图中

How to add polyline into Leaflet map

javascript

angular

leaflet

apache-zeppelin

polyline