描述

本例展示如何使用图层定义来限制显示在地图上的图层信息。为了了解本例做了什么，看看用于这个地图的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. 1、Windows服务器  VS  Linux服务器
			
    
			
    2. 
						
  2. Sublimi Text3 下Emmet使用技巧
			
    Emmet真的好用,可以少写很多代码. 初始化文档 HTML文档需要包含一些固定的标签,比如<html>.<head>.<body>等,现在你只需要1秒钟就可以输入 ...
    
			
    3. 
						
  3. 优动漫PAINT-樱花教程
			
    很雅致清新的樱花教程~在很多地方都可以运用到哟~原文转载自优动漫官网. 想要Get到更多有关优动漫的信息包括软件下载,可关注http://www.dongmansoft.com.
    
			
    4. 
						
  4. Python3基础笔记---线程与进程
			
    参考博客:Py西游攻关之多线程(threading模块) 一.并发与并行的区别 并发:交替做不同事的能力并行:同时做不同事的能力 行话解释:并发:不同代码块交替执行的性能并行:不同代码块同时执行的性能 ...
    
			
    5. 
						
  5. 服务器搭建域控与SQL Server的AlwaysOn环境过程（四）配置AlwaysOn
			
    0 引言 这一篇才真正开始搭建AlwaysOn,前三篇是为搭建AlwaysOn 做准备的. 步骤 1.3 配置AlwaysOn 请先使用本地用户Administrator登录这两个集群节点并执行下面的 ...
    
			
    6. 
						
  6. React中的事件处理为什么要bind this?
			
    个人总结: 问: 请给我讲一下React中的事件处理为什么要bind this? 答: 好的,比如说我写了一个类组件,有个onClick属性 ,onClick={ this.fun },如果不bind ...
    
			
    7. 
						
  7. list 分页
			
    package com.jsz.peini.common.util; import java.util.ArrayList; import java.util.List; public class S ...
    
			
    8. 
						
  8. 高并发web系统设计
			
    转载自:http://blog.csdn.net/qq_26562641/article/details/53170913 一.一般高并发web系统这里的一般指的是秒杀之类的电子商务系统,比如说小米抢 ...
    
			
    9. 
						
  9. sublime搜索和替换--多文件搜索替换
			
    Search and Replace - Multiple Files Searching To open the search panel for files, press Ctrl + Shift ...
    
			
    10. 
						
  10. linux程序设计——个人总结
			
    linux程序设计--个人总结 到今天为止,<linux程序设计>学习基本完毕了.从五月下旬開始接触linux,学习安装Ubuntu14.04,六月份開始学习<linux程序设计&g ...
    
			
    11.