javascript - LeafletJS - 层的默认选择

Question

我正在使用 leaflet-groupedlayercontrol将我的分组图层添加到 map ，我遇到了问题:

所有图层都被取消选择，但我想默认全选。我使用的是复选框，而不是单选按钮。

var groupedOverlays = {
    "Select": {}
};

groupedOverlays["Select"]["Group 1"] = groups[0];
groupedOverlays["Select"]["Group 2"] = groups[1];
groupedOverlays["Select"]["Group 3"] = groups[2];

// Use the custom grouped layer control, not "L.control.layers"
L.control.groupedLayers(null, groupedOverlays, {collapsed:false}).addTo(map);

我尝试用 JS 选择它们，但没有成功。

如果您知道 LeafletJS 的解决方案，但不知道该特定插件的解决方案，那也没关系。

Answer 1

Leaflet 图层是否在内置的L.Control.Layers 中被“选中”取决于该图层是否被添加到 map 中.

例如这将显示一个复选框关闭的 L.Control.Layers:

L.control.layers({}, { 
    Foo: L.marker([0,0]) 
}).addTo(map)

...虽然这将显示它并带有复选框:

L.control.layers({}, { 
    Foo: L.marker([0,0]).addTo(map)
}).addTo(map)

我希望 GroupedLayers 控件的行为类似。只需仔细检查您是否将图层添加到 map 中。另请注意，无论何时以任何方式向 map 添加图层/从 map 移除图层，复选框的状态都会更新。