javascript - 动态图层名称 - Leaflet 图层控制

Question

我希望 Leaflet 图层控制功能使用的图层名称来自变量而不是字符串，并且基于图层中的数据。

下面显示的示例使用变量layerName。这是否可能，因为它需要一个名称值对？有解决办法吗？

var layerName = feature.properties.condition[0];

//layer control
var baseMaps = {
    "OpenStreetMap": OSM,
    "Aerial Imagery": MapQuestOpen_Aerial
};

var overlayMaps = {
    layerName: layer1,

};

L.control.layers(baseMaps, overlayMaps).addTo(map);

Answer 1

是的，您当然可以使用基于图层数据的变量中的图层名称。

这是你应该采用的方式

var overlayMaps = {};// you need to create it empty at first

然后你可以像下面这样添加图层

overlayMaps[layerName] = layer1; //layerName here is the variable whose value you want to use as layer name