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

Question

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

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

请帮忙。

Answer 1

您必须将多边形添加到要素组 drawnItems ！比方说，

    var polyLayers = dbArray;

是您的带有多边形的数据库数组。首先使用您绘制的项目创建一个特征组：

    var drawnItems = new L.FeatureGroup();

并将其添加到地图中：

    map.addLayer(drawnItems);

然后，您只需从数据库中迭代多边形并将它们添加到drawedItems 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(let layer of polyLayers) {
        drawnItems.addLayer(layer); 
    }