将现有的传单多边形添加到现有的传单层

时间:2016-11-02 09:14:16

标签: javascript leaflet leaflet.draw

我有一堆存储在数据库中的多边形。我想将它们添加到地图中,以便可以使用leaflet-draw工具栏对其进行编辑。虽然现在多边形已添加到地图中,但我无法编辑它们。

我认为这是因为它们未添加到添加了新绘制形状的layerGroup()

请帮忙。

1 个答案:

答案 0 :(得分:4)

您必须将多边形添加到featureGroup drawnItems!让我们说,

    var polyLayers = dbArray;

是包含多边形的数据库数组。首先使用绘制的项目创建一个功能组:

    var drawnItems = new L.FeatureGroup();

并将其添加到地图中:

    map.addLayer(drawnItems);

然后,您只需迭代数据库中的多边形并将它们添加到drawenItems FeatureGroup

    for(layer of polyLayers) {
        drawnItems.addLayer(layer); 
    };

现在,图层已添加到地图中并可编辑。

这里有EXAMPLE

    var drawnItems = new L.FeatureGroup();
    map.addLayer(drawnItems);

    var polyLayers = [];

    var polygon1 = L.polygon([
        [51.509, -0.08],
        [51.503, -0.06],
        [51.51, -0.047]
    ]);
    polyLayers.push(polygon1)

    var polygon2 = L.polygon([
        [51.512642, -0.099993],
        [51.520387, -0.087633],
        [51.509116, -0.082483]
    ]);
    polyLayers.push(polygon2)

    // Add the layers to the drawnItems feature group 
    for(layer of polyLayers) {
        drawnItems.addLayer(layer); 
    }