如何通过代码OpenLayers3扩展图层组

时间:2018-01-25 18:07:22

标签: javascript openlayers openlayers-3

我的问题很简单:我需要扩展一个图层组,就像“+”按钮中的事件clic一样,但是以编程方式。

我在此图片中有一个小组

Group

我需要像这样扩展群组

Group expanded

如何在Openlayers3中以编程方式执行此操作。 Ty为你提供帮助。

2 个答案:

答案 0 :(得分:0)

在Openlayers网站上,在示例部分,您有一个很好的示例,如何实现类似的行为。

http://openlayers.org/en/latest/examples/layer-group.html

此外,类似的内容已解释here,但请记住,此示例使用的是3.4.0版本。

答案 1 :(得分:0)

你可以这样做 对于每个小组



var Group1 = new ol.layer.Group({
		title: 'Group1',
		openInLayerSwitcher: false,
		visible: false,
		layers:[
				new ol.layer.Group({
        title: 'SubGroup1',
					openInLayerSwitcher: false,
					visible: false,
					layers: Object.values(G1)
				}),
				new ol.layer.Group({
        title: 'SubGroup2',
					openInLayerSwitcher: false,
					visible: false,
					layers: Object.values(G2)
				})]
        });
        G1['Layer1'] = new ol.layer.Tile({
				  title: "Layer1 in Group 1",
				  baseLayer: false,
				  visible: false,
				  source: new ol.source.XYZ({
				  projection: 'EPSG:4326',
					  wrapX: false,
					  url: '/{z}/{x}/{-y}.png'//depends on the layer type
				  })
			  });
			




等等..