在具有图层组的Open Layers中滑动

问题描述

我正在使用示例https://viglino.github.io/ol-ext/examples/control/map.control.swipe.html创建我的卷帘，它起作用了。但是，我想使用一组层来选择要显示的层，如下面的代码所示。

var swipe_control = new ol.control.Swipe();

// Group of layers - menu
var overlays = new ol.layer.Group({
    title: 'Maps',
    fold: 'open',
    layers: [
            new ol.layer.Group({
                title: 'Group 1',
                fold: 'open',
                layers: [
                    swipe_control.addLayer(layer1),
                    swipe_control.addLayer(layer2, true)
                ]
            }),
            new ol.layer.Group({
                title: 'Group 2',
                fold: 'open',
                layers: [
                    swipe_control.addLayer(layer3),
                    swipe_control.addLayer(layer4, true)
                ]
            })  
        ]   
});

map.addControl(swipe_control);

我的问题是：如何在群中使用Swipe，这样，如果我选中一个选项，我就会将层设置在右侧和左侧？谢谢

推荐答案

Swipe仅适用于层本身，不在图层组上。
选中该选项时，必须在控件中添加/删除图层组中的层。

这篇关于在具有图层组的Open Layers中滑动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！