首页 > 解决方案 > 如何将折线添加到传单地图中

问题描述

我正在使用齐柏林飞艇和角度解释器。我尝试了三种不同的方法。他们都没有成功。但是出现了简单的标记。

第一个

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

标记的折线

标签: javascriptangularleafletapache-zeppelinpolyline

解决方案


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

带有多边形的传单


推荐阅读