Question

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

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

请帮忙。

Answer 1

您必须将多边形添加到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); 
    }

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

1 个答案: