从数组添加动态叠加

Question

我正在尝试使用传单向地图添加新图层。首先，我通过表单创建图层，然后放置与其关系相关的元素。问题是将新图层添加到覆盖对象是使用静态代码，我想使用我正在创建并从数据库下载的所有图层。有没有人有想法？var tipo1 = L.layerGroup();var tipo2 = L.layerGroup();var overlayers = {  "Tipo 1": tipo1,  "Tipo 2": tipo2};  这个例子有效。这是它应该如何使用。但在我的情况下，而不是使用tipo1和tipo2...我会有一个或多个来自数据库的类型，并希望添加到覆盖层。

Answer 1

您可以创建自己的 featureGroup 类 - 例如：

    L.Overlayers = L.FeatureGroup.extend({

      initialize: function(options) {

        L.setOptions(this, options);

        L.FeatureGroup.prototype.initialize.call(this, options);

      },

      onAdd: function(map) {

        L.FeatureGroup.prototype.onAdd.call(this, map);

        this._map = map;

        this.on("layeradd", this._doThingsHere, this);

        this.on("layerremove", this._stopDoingThingsHere, this);

      },

      onRemove: function() {

        this.off("layeradd", this._doThingsHere, this);

        this.off("layerremove", this._stopDoingThingsHere, this);

      },

   });

如果在地图上实例化它的一个空实例：

var group = new L.Overlayers().addTo(map);

然后当您的数据层加载时，您可以将其动态添加到组中：

group.addLayer(tipo1);

这将触发layeradd并让您通过e.layer

从那里您可以完全访问图层和地图。

你可以做一些事情，比如将它们分组到 LayerGroups 中并组织它们等。

Answer 2

您不会发布太多代码，但假设您使用的是图层控件，则可以动态添加图层 - 例如

var myLayersControl = L.control.layers(null, null).addTo(map);

var myNewLayer = L.layerGroup();

myLayersControl.addOverlay(myNewLayer, "Description");