加载---闪烁Layer

最新推荐文章于 2019-12-06 14:54:32 发布

Devin·Finn

最新推荐文章于 2019-12-06 14:54:32 发布

阅读量276

点赞数

本文链接：https://blog.csdn.net/DanBo_C/article/details/98535846

版权

WebGIS - ArcGIS API For Js 专栏收录该内容

53 篇文章 18 订阅

订阅专栏

一个简单的图层切换闪烁动画，js入门练手

知识点

设置显示图层layer.setVisibleLayers([0]);

查看图层编号步骤：

查看已经发布地图服务
功能—REST URL
查看

贴代码

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title></title>
	<link rel="stylesheet" href="https://js.arcgis.com/3.28/esri/css/esri.css" />
	<script src="https://js.arcgis.com/3.28/"></script>

	<style type="text/css">
		.MapClass {
			width: 100%;
			height: 960px;
			border: 1px solid #000;
		}
	</style>
	<script type="text/javascript">

		var flag = 0;
		var Max_layer=30;
		function init(){
			var btn = document.getElementById("btn0");
			setInterval(function(){
				btn.click();
			},500);
			}
		require(["esri/map",
			"dojo/on",
			"dojo/dom",
			"esri/layers/ArcGISDynamicMapServiceLayer",
			"dojo/domReady!"],
			function (Map, on, dom,
				ArcGISDynamicMapServiceLayer
			) {
				var map = new Map("MyMapDiv");
				var layer = new ArcGISDynamicMapServiceLayer
					("http://localhost:6080/arcgis/rest/services/demo/WLFX_huanbao/MapServer");
				map.addLayer(layer);
				layer.setVisibleLayers([0]);

				on(dom.byId("btn0"),"click",function(e){
					flag++;
					if(flag<=Max_layer)
						layer.setVisibleLayers([flag]);
					else
						flag=0;
				})
				
			});



	</script>
</head>

<body onload="init()">
	<div id="MyMapDiv" class="MapClass"></div>
	<button type="button" id="btn0" ></button>
</body>

</html>