描述

本例展示如何使用图层定义来限制显示在地图上的图层信息。为了了解本例做了什么，看看用于这个地图的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. socket网络编程登录实现及多客户端和服务端的数据交互
			
    一.TCP/IP 客户端 package com.demo.entity; import java.io.Serializable; public class UserInfo implements  ...
    
			
    2. 
						
  2. eclipse历史版本下载地址
			
    http://wiki.eclipse.org/Older_Versions_Of_Eclipse
    
			
    3. 
						
  3. ES6 学习3 函数
			
    1.函数默认参数 在ES5我们给函数定义参数默认值是怎么样? function action(num) { num = num || 200 //当传入num时,num为传入的值 //当没传入参数时, ...
    
			
    4. 
						
  4. 【mysql】 mysql  子查询、联合查询、模糊查询、排序、聚合函数、分组----------语法
			
    第二章 mysql 一.模糊查询 like 1. 字段 like '河北省%' %代表任何N个字符 2 字段 like '河北省____' _代表任意1个字符 二.IN 语法:SELECT 字段列1, ...
    
			
    5. 
						
  5. 【Computer Vision】图像单应性变换/投影/仿射/透视
			
    一.基础概念 1. projective transformation  = homography = collineation. 2. 齐次坐标:使用N+1维坐标来表示N维坐标,例如在2D笛卡尔坐标 ...
    
			
    6. 
						
  6. c++PrimerChap8IO库
			
    #include<iostream> #include<fstream> #include<string> using namespace std; int mai ...
    
			
    7. 
						
  7. virt-install 创建虚拟机
			
    [root@kvm-server vm]# qemu-img create -f qcow2 centos69b-disk0.qcow2 10G Formatting 'centos69b-disk0 ...
    
			
    8. 
						
  8. 2016 10 27 考试 dp 向量 乱搞
			
    目录 20161027考试 T1: T2: T3: 20161027考试 考试时间 7:50 AM to 11:15 AM 题目 考试包 据说这是一套比较正常的考卷,,,嗯,,或许吧, 而且,,整个小 ...
    
			
    9. 
						
  9. Python学习第二天-编写购物车
			
    需求:1.启动程序后,让用户输入工资,然后打印商品列表         2.允许用户根据商品编号购买商品         3.用户选择商品后,检测余额是否够,够就直接扣款,不够就提醒          ...
    
			
    10. 
						
  10. 洛谷 P2734 游戏 A Game
			
    P2734 游戏 A Game 题目背景 有如下一个双人游戏:N(2 <= N <= 100)个正整数的序列放在一个游戏平台上,游戏由玩家1开始,两人轮流从序列的任意一端取一个数,取数后该 ...
    
			
    11.