描述

本例展示如何使用图层定义来限制显示在地图上的图层信息。为了了解本例做了什么，看看用于这个地图的ESRI_Census_USA服务的服务目录页是有帮助的。检查地图中的图层列表。现在注意这行代码限制了显示图层为州和县。

dynamicMapServiceLayer.setVisibleLayers([5,4,3]);

这个数据覆盖了美国，那么为什么当运行示例时仅仅Kansas周被显示？这是因为图层定义，通过SQL表达式限制数据在地图上的显示。本例中，图层定义限制了州为Kansas并且Kansas中的区县人口超过25000。

下面的代码增加图层定义到数组，然后使用ArcGISDynamicMapServiceLayer.setLayerDefinitions()方法应用这些定义。注意在数组中，定义的索引和地图中图层的索引匹配:

var layerDefs = [];
layerDefs[5] = "STATE_NAME='Kansas'";
layerDefs[4] = "STATE_NAME='Kansas' and POP2007>25000";
layerDefs[3] = "STATE_NAME='Kansas' and POP2007>25000";


dynamicMapServiceLayer.setLayerDefinitions(layerDefs);


关于建立SQL表达式的帮助资源，见ArcGIS Desktop帮助里的About building an SQL expression 。


注意不能在ArcGISTiledMapServiceLayers上设置图层定义。这些图层使用预先渲染的图片切片的缓存。虽然切片地图服务更快，但是被限制在切片上查看地图图片。




 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

 <html>

   <head>

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

     <meta http-equiv="X-UA-Compatible" content="IE=7" />

     <title>动态创建图层列表</title>

     <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.6/js/dojo/dijit/themes/tundra/tundra.css">

     <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.6"></script>

     <script type="text/javascript">

         dojo.require("esri.map");

         var dynamicMapServiceLayer,map,visible = [];

         function init() {

             map = new esri.Map("map");

             dynamicMapServiceLayer = new esri.layers.ArcGISDynamicMapServiceLayer(

                 "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Specialty/ESRI_StatesCitiesRivers_USA/MapServer"

             );

             if (dynamicMapServiceLayer.loaded) {

                 buildLayerList(dynamicMapServiceLayer);

             }else{

                 dojo.connect(dynamicMapServiceLayer,"onLoad",buildLayerList);

             }

         }

         function buildLayerList(layer) {

             var infos = layer.layerInfos, info;

             var items = [];

             for (var i=0,j=infos.length;i<j;i++) {

                 info = infos[i];

                 if (info.defaultVisibility) {

                     visible.push(info.id);

                 }

                 items[i] = "<input type='checkbox' class='list_item' checked='" + (info.defaultVisibility ? "checked" : "") + "' id='" + info.id +"' onclick='updateLayerVisibility();'/><label for='" +info.id+ "'>" +info.name+ "</label>";

             }

             dojo.byId("layer_list").innerHTML = items.join();

             layer.setVisibleLayers(visible);

             map.addLayer(layer);

         }

         function updateLayerVisibility() {

             var inputs = dojo.query(".list_item"), input;

             visible = [];

             for (var i=0,j=inputs.length;i<j;i++) {

                 if(inputs[i].checked) {

                     visible.push(inputs[i].id);

                 }

             }

             dynamicMapServiceLayer.setVisibleLayers(visible);

         }

         dojo.addOnLoad(init);

     </script>

   </head>

   <body >

       This sample loads an ArcGISDynamicMapServiceLayer.<br />

     It determines the layers in the map service and presents them as checkboxes that can be used to toggle their visibility.<br />

     <br />

       Layer List: <span id="layer_list"></span><br />

       <br />

       <div id="map" class="tundra" style="width: 900px;height: 600px;border: 1px solid #000"></div>

   </body>

 </html>


												


											
ArcGIS api for javascript——使用图层定义显示地图的更多相关文章
	

    
								
  1. ArcGIS API for JavaScript根据两个点坐标在地图上画线
		
    ArcGIS API for JavaScript根据两个点坐标在地图上画线比如说a(xxxx,xxxxx),b(xxxx,xxxxx).利用这两个点画一条线 var polyline = new e ...
    
		
    2. 
						
  2. arcgis api for javascript 学习（四） 地图的基本操作
		
    1.文章讲解的为地图的平移.放大.缩小.前视图.后视图以及全景视图的基本功能操作 2.主要用到的是arcgis api for javascript中Navigation的用法,代码如下: <! ...
    
		
    3. 
						
  3. arcgis api for javascript本地部署加载地图
		
    最近开始学习arcgis api for javascript,发现一头雾水,决定记录下自己的学习过程. 一.下载arcgis api for js 4.2的library和jdk,具体安装包可以去官 ...
    
		
    4. 
						
  4. arcgis api for javascript 学习（六） 地图打印
		
    1.本文应用arcgis api for javascript对发布的动态地图进行打印,打印的为PDF格式,打印出来如图: 2.需要特别注意的是:我们在运行代码前,需要打开PrintingTools, ...
    
		
    5. 
						
  5. 转：ArcGIS API for JavaScript之图层
		
    参考文章地址: https://developers.arcgis.com/javascript/3/jsapi/layer-amd.html Layer |–TiledMapServiceLayer ...
    
		
    6. 
						
  6. ArcGIS api for javascript——鼠标悬停时显示信息窗口
		
    描述 本例展示当用户在要素上悬停鼠标时如何显示InfoWindow.本例中,要素是查询USA州图层的QueryTask的查询结果.工作流程如下: 1.用户单击一个要素 2.要素是“加亮的”图形. 3. ...
    
		
    7. 
						
  7. arcgis api for javascript 添加图层时设置标注，自定义符号
		
    <!DOCTYPE html> <html> <head> <meta charset="gb2312"> <meta nam ...
    
		
    8. 
						
  8. ArcGIS api for javascript——图形-增加图形到地图
		
    描述 本例展示了如何使用Draw工具栏在地图上描绘许多种类的几何体.ArcGIS JavaScript API包含工具栏. 工具栏不是一个在页面上自动地可见的用户界面组件.相反,工具栏是一个助手类,可 ...
    
		
    9. 
						
  9. ArcGIS api for javascript——用缓存区查询地图
		
    描述 本例展示了如何在另外一个任务里使用一个任务的结果.单击地图查看被单击的点的1公里范围内的缓存(如果需要可以修改这个默认的缓存距离).也可以看缓存区的这些点的人口普查街区信息.单击一个点查看更多的 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 编 写高性能的 SQL 语句注意事项
			
    1. IS NULL 与 IS NOT NULL不能用 null 作索引, 任何包含 null 值的列都将不会被包含在索引中. 即使索引有多列这样的情况下,只要这些列中有一列含有 null,该列就会从 ...
    
			
    2. 
						
  2. Maven配置文件中配置指定JDK版本
			
    1. 在setting.xml文件中的<profiles>标签加入如下配置: <profile> <id>jdk-1.8</id> <activa ...
    
			
    3. 
						
  3. First-class citizen
			
    In programming language design, a first-class citizen (also type, object, entity, or value) in a giv ...
    
			
    4. 
						
  4. 在Scrapy中如何利用Xpath选择器从HTML中提取目标信息（两种方式）
			
    前一阵子我们介绍了如何启动Scrapy项目以及关于Scrapy爬虫的一些小技巧介绍,没来得及上车的小伙伴可以戳这些文章: 手把手教你如何新建scrapy爬虫框架的第一个项目(上) 手把手教你如何新建s ...
    
			
    5. 
						
  5. 路飞学城Python-Day7（practise）
			
    # 1.编码问题# i.请说明python2与python3中的默认编码是什么?# python2中的默认编码是ASCII码,只能识别英文等其他字符# python3中的默认编码是utf-8# ii. ...
    
			
    6. 
						
  6. 设置div内的内容不能被选中
			
    通过简单的css设置页面的文字无法被选定. <div class="select">我不能被选中复制</div> .select{ -webkit-user ...
    
			
    7. 
						
  7. Ubuntu 如何进入系统文件/etc/profile修改内容
			
    转载:https://blog.csdn.net/cfq1491/article/details/81088117 /etc/profile 默认权限为 -rw-r--r-- 即只有root用户可以修 ...
    
			
    8. 
						
  8. 通过唯一ID实现简单的日志跟踪实现
			
    在实际项目中,通知我们需要记录一些日志,方便问题核查.但是日志多了就很容易混乱,请求,响应,执行中的日志无法对应,这时就需要为请求进行标记唯一ID来进行跟踪. /** * 记录请求日志 * * Cla ...
    
			
    9. 
						
  9. 洛谷——P2661 信息传递
			
    https://www.luogu.org/problem/show?pid=2661#sub 题目描述 有n个同学(编号为1到n)正在玩一个信息传递的游戏.在游戏里每人都有一个固定的信息传递对象,其 ...
    
			
    10. 
						
  10. Hadoop Serialization -- hadoop序列化具体解释 (2)【Text,BytesWritable,NullWritable】
			
    回想: 回想序列化,事实上原书的结构非常清晰,我截图给出书中的章节结构: 序列化最基本的,最底层的是实现writable接口,wiritable规定读和写的游戏规则 (void write(DataO ...
    
			
    11.