如何添加 2+组中的层？

Question

如何在组中添加两个或多个图层，以便我可以在图层切换器中看到它们并进行分类，并可以选择或取消选择全部！？
这是我的代码：

            var line_1 = new OpenLayers.Layer.Vector(" Line no - 1", {
                    visibility: true,
                    projection: dproj,
                    strategies: [new OpenLayers.Strategy.Fixed()],
                    style: {strokeWidth: 4, strokeColor: "#ff0000", strokeOpacity: 1},
                    protocol: new OpenLayers.Protocol.HTTP({
                        url: "lines/en/line_1.kml",
                        format: new OpenLayers.Format.KML
                    })
            });

            var line_2 = new OpenLayers.Layer.Vector(" Line no - 2", {
                    visibility: true,
                    projection: dproj,
                    strategies: [new OpenLayers.Strategy.Fixed()],
                    style: {strokeWidth: 4, strokeColor: "#008000", strokeOpacity: 1},
                    protocol: new OpenLayers.Protocol.HTTP({
                        url: "lines/en/line_2.kml",
                        format: new OpenLayers.Format.KML
                    })
            });
 var layers = [line_1, line_2]
 map.addLayers(layers);

现在我怎样才能将这两个合二为一，名称为“Lines”？

Answer 1

我认为 GeoExt.tree 就是你想要的。

请参阅此邮件：

OpenLayers 的图层切换器不支持图层层次结构，并且会
可能永远不会。我建议检查一下图层树
MapFish (http://www.mapfish.org)。 MapFish 图层树是
根据 OpenLayers 中配置的层自动配置或
通过用户指定的模型进行配置

http://www.osgeo。 org/pipermail/openlayers-users/2008-June/006358.html

在这里查看：
http://trac.osgeo .org/openlayers/browser/sandbox/jachym/openlayers/examples/layer-groups.html?rev=4958 它看起来像一个旧的支持它的 openlayers 分支。

让我们看看这个：
http://api.geoext.org/1.0/examples/tree.html

我认为 GeoExt.tree 就是你想要的。

Answer 2

我知道这已经很旧了，但我正在回答以防有人有同样的问题。

如果您使用 ol3-layerswitcher，您只需创建一个新的图层组，其中包含所有定义的图层，以将它们显示在组下。图层组的标题将其与图层分开。

var overlay1 = new ol.layer.Tile({
    title: 'Overlay1',
    source: new ol.source.TileWMS({
        url: 'http://localhost:8080/geoserver/WORKSPACE/wms',
        params:{
            'LAYERS': 'Overlay1',
            'TILED': true
        },
        serverType: 'geoserver'
    }),
});

var basemap1 = new ol.layer.Tile({
    title: 'Basemap1',
    type: 'base'
    source: new ol.source.OSM()
});

var basemaps = [basemap1, basemap2 ...]

var overlays = [overlay1, overlay2 ...]

var map = new ol.Map({
    controls: [
        new ol.control.LayerSwitcher({
            tipLabel: 'Layers'
        })
    ],
    target: 'map',
    layers: [
        new ol.layer.Group({
            title: 'Base Maps',
            layers: basemaps
        }),
        new ol.layer.Group({
            title: 'Overlays',
            layers: overlays
        })
    view: view
});