javascript - Leaflet - 动态创建图层组

Question

是否可以动态创建图层组？我正在开发一个网络 map ，显示公园中存在的树种，我正在尝试为每个树种创建一个图层组，以便使用 LayerControl 我可以隐藏和显示某些物种，为了测试，我一直在像这样创建 LayerGroups:

l1 = new L.LayerGroup();
//...
l100 = new L.LayerGroup();

而且我确信有一种方法可以根据现有物种的数量来做到这一点，我已经尝试过:

for (var i = 0; i < numberOfSpecies ; i++) {
  l[i] = new L.LayerGroup();
}

但是这样，我不能这样做:

l[0].addLayer(marker);

做这样的事情最好的方法是什么？

Answer 1

是的，你可以。例如:

var layerGroups = {}

for (var i = 0; i < 3; ++i) {
    layerGroups[i] = L.layerGroup().addTo(map);
}

for (var i = 0; i < 3; ++i) {
    layerGroups[i].addLayer(L.marker([i,i]))
}

您可以在这里尝试:https://jsfiddle.net/mckbda9y/6/