Question

我有一个图层切换控件包含（日期）名为（yyyy-mm-dd_hhmmss），当我点击它们时它们正常工作。

另外，我有输入（开始）和（结束）的标签以及在这两个值之间循环图层的按钮。

我需要的是function使这个按钮激活图层（日期）或通过循环接通间隔

PS：在这里我们可以使用title作为推荐，displayInLayerSwitcher,true和setVisible(true)

我的代码如下

singleLayer = {}
singleLayer['1']	=	new ol.layer.Tile({
		title: "1",
			baseLayer: false,
			visible: false,
			source: new ol.source.XYZ({
			projection: 'EPSG:4326',
				wrapX: false,
				url: 'folder/yyyy-mm-dd_hhmmss/{z}/{x}/{-y}.png'
			})
	})
singleLayer['2'] = new ol.layer.Tile({
		title: "2",
			baseLayer: false,
			visible: false,
			source: new ol.source.XYZ({
			projection: 'EPSG:4326',
				wrapX: false,
				url: 'folder/yyyy-mm-dd_hhmmss/{z}/{x}/{-y}.png'
			})
		})

 singleLayer['3']	=	new ol.layer.Tile({
			title: "3",
				baseLayer: false,
				visible: false,
				source: new ol.source.XYZ({
				projection: 'EPSG:4326',
					wrapX: false,
					url: 'folder/yyyy-mm-dd_hhmmss/{z}/{x}/{-y}.png'
				})
		})
			 	 })


	var dates = new ol.layer.Group({
		openInLayerSwitcher: false,
		visible: false,
		layers:[
			singleLayer['1'],
			singleLayer['2'],
			singleLayer['3'],
		]
	});

<p>Loop Layers<p>
              <p>From date: <input type="text" name="fromdate" id="fromdate" value="yyyy-mm-dd_hhmmss"></p>
              <p>To date: <input type="text" name="todate" id="todate" value="yyyy-mm-dd_hhmmss"></p>
              <button onclick="loopLayer()">Loop layer by time interval</button>
              
function loopLayer() {
  .........
  }

Answer 1

<div class="img-w js-popup"></div>
<img src="path"/>
<a href="delete.php">Delete</a>

OpenLayers函数可以循环切换多个图层

1 个答案: