将现有的传单多边形添加到现有的传单层 [英] Add existing leaflet polygons to an existing leaflet layer

问题描述

我有一堆存储在数据库中的多边形。我想将它们添加到地图中，以便使用宣传单工具栏。虽然，现在多边形被添加到地图中，我无法编辑它们。

I have a bunch of polygons which are stored in a database. I would like to add them to the map in such a way that they can be edited using the leaflet-draw toolbar. Although, now the polygons get added to the map, I am unable edit them.

我认为这是因为它们没有添加到 layerGroup（） ，其中添加了新绘制的形状。

I think this is because they are not added to the layerGroup() to which newly drawn shapes are added.

请帮助。

推荐答案

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

You have to add your polygons to the featureGroup drawnItems ! Let's say,

    var polyLayers = dbArray;

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

is your database array with polygons. First create a feature group with your drawn items:

    var drawnItems = new L.FeatureGroup();

并将其添加到地图中：

    map.addLayer(drawnItems);

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

Then you simply need to iterate over your polygons in your database and add them to the drawenItems FeatureGroup:

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

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

Now the layers are added to the map and editable.

这里有 示例 ：

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

这篇关于将现有的传单多边形添加到现有的传单层的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！