本例使用一个WMS端点创建了一个简单的动态图层。首先，代码声明一个新的类my.CityStatesRiversUSAWMSLayer，该类继承esri.layers.DynamicMapServiceLayer。

dojo.declare("my.CityStatesRiversUSAWMSLayer", DynamicMapServiceLayer, {
  ...
});

接下来定义了类的构造函数。图层的初始化和完整的范围和空间参考都被定义在构造函数中。代码也设置了图层的loaded属性为true并调用onLoad函数。

constructor: function() {
  this.initialExtent = this.fullExtent = new esri.geometry.Extent(...);
  this.spatialReference = new esri.SpatialReference(...);


  this.loaded = true;


  this.onLoad(this);


},


最后，getImageUrl方法被执行。getImageUrl方法返回被加到地图的图片的URL。URL使用带范围，宽和高的参数的函数生成。callback函数被调用别且URL作为单一参数被传回。


getImageUrl: function(extent, width, height, callback) {


  ...




  callback("..." + dojo.objectToQuery(params));


}


为了使用这个图层，代码创建一个地图并且增加一个来自ArcGIS　Online的切片图层，然后在上面放置新建的WMS图层。


function init() {


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


  map.addLayer(new esri.layers.ArcGISTiledMapServiceLayer("..."));


  map.addLayer(new my.CityStatesRiversUSAWMSLayer());


}






 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

    "http://www.w3.org/TR/html4/strict.dtd">

 <html lang="en">

   <head>

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

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

     <title>Portland Tile Server</title>

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

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

     <script type="text/javascript"> 

         dojo.require("esri.map");

         dojo.declare("my.PortlandTiledMapServiceLayer",esri.layers.TiledMapServiceLayer,{

              constructor:function(){

                 this.spatialReference = new esri.SpatialReference({wkid:4326});

                 this.initialExtent = (this.fullExtent = new esri.geometry.Extent(-123.596895130725, 44.297575737946, -121.553757125519, 46.3683237161949, this.spatialReference));

                 this.tileInfo = new esri.layers.TileInfo({

                     "rows" :512,

                     "cols" :512,

                     "dpi"  :96,

                     "format":"PNG32",

                     "compressionQuality":0,

                     "origin": {

                         "x" : -180,

                         "y" :90

                     },

                     "spatialReference" : {

                         "wkid" : 4326

                     },

                     "lods" :[

                          {"level" : 0, "resolution" : 0.351562499999999, "scale" : 147748799.285417},

                           {"level" : 1, "resolution" : 0.17578125, "scale" : 73874399.6427087},

                           {"level" : 2, "resolution" : 0.0878906250000001, "scale" : 36937199.8213544},

                           {"level" : 3, "resolution" : 0.0439453125, "scale" : 18468599.9106772},

                           {"level" : 4, "resolution" : 0.02197265625, "scale" : 9234299.95533859},

                           {"level" : 5, "resolution" : 0.010986328125, "scale" : 4617149.97766929},

                            {"level" : 6, "resolution" : 0.0054931640625, "scale" : 2308574.98883465},

                           {"level" : 7, "resolution" : 0.00274658203124999, "scale" : 1154287.49441732},

                           {"level" : 8, "resolution" : 0.001373291015625, "scale" : 577143.747208662},

                            {"level" : 9, "resolution" : 0.0006866455078125, "scale" : 288571.873604331},

                            {"level" : 10, "resolution" : 0.000343322753906249, "scale" : 144285.936802165},

                            {"level" : 11, "resolution" : 0.000171661376953125, "scale" : 72142.9684010827},

                            {"level" : 12, "resolution" : 8.58306884765626E-05, "scale" : 36071.4842005414},

                            {"level" : 13, "resolution" : 4.29153442382813E-05, "scale" : 18035.7421002707},

                            {"level" : 14, "resolution" : 2.14576721191406E-05, "scale" : 9017.87105013534},

                           {"level" : 15, "resolution" : 1.07288360595703E-05, "scale" : 4508.93552506767}

                     ]

                 });

                 this.loaded = true;

                 this.onLoad(this);           

             }, 

           getTileUrl: function(level, row, col) {

           return "http://sampleserver1.arcgisonline.com/arcgiscache/Portland_Portland_ESRI_LandBase_AGO/Portland/_alllayers/" +

                   "L" + dojo.string.pad(level, 2, '0') + "/" +

                   "R" + dojo.string.pad(row.toString(16), 8, '0') + "/" +

                   "C" + dojo.string.pad(col.toString(16), 8, '0') + "." +

                   "png";

         }

       });

         function init() {

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

             map.addLayer(new my.PortlandTiledMapServiceLayer());

         }

         dojo.addOnLoad(init);      

     </script>

   </head>

    <body class="tundra">

     <div id="map"   style=" width:1024px; height:512px; border:1px solid #000;"></div>

   </body>

 </html>



												


											
ArcGIS api for javascript——图层-创建WMS图层类型的图层的更多相关文章
	

    
						
  1. ArcGIS api for javascript——动态创建图层列表
		
    描述 本例循环地图服务里的所有图层并增加每个图层到一个带checkbox的列表,checkbox能设置图层的显示或隐藏.动态创建列表的优势是所有的图层都会包含在列表中,即使服务器管理员删除或增加了图层 ...
    
		
    2. 
						
  2. ArcGIS API for JavaScript（2）-ArcGIS Server发布要素图层服务
		
    1.前言 上一篇该系列的文章我们主要讲了一下基础Web地图搭建,这篇我们主要讲一下ArcGIS Server发布服务,并且如何调用服务.将自己的数据加载到Web地图当中来,实现Web端浏览数据. 2. ...
    
		
    3. 
						
  3. 转：ArcGIS API For JavaScript官方文档（二十）之图形和要素图层——①Graphics概述
		
    原文地址:ArcGIS API For JavaScript官方文档(二十)之图形和要素图层——①Graphics概述 ArcGIS JavaScript API允许在地图上绘制graphic(图形) ...
    
		
    4. 
						
  4. arcgis api for JavaScript _加载三维图层(scene layer)
		
    arcgis api for JavaScript _加载三维图层(scene layer) arcgis api for JavaScript  4.x 版本增加对三维的支持. 关于三维图层(sce ...
    
		
    5. 
						
  5. 创建ArcGIS API for JavaScript的第一个示例程序
		
    原文:创建ArcGIS API for JavaScript的第一个示例程序 在上一篇博客中已经介绍了如何搭建ArcGIS API for JavaScript开发环境,如果您还没有搭建好开发环境的话 ...
    
		
    6. 
						
  6. ArcGIS API for Silverlight 调用GP服务加载等值线图层
		
    原文:ArcGIS API for Silverlight 调用GP服务加载等值线图层 第二篇.Silverlight客户端调用GP服务 利用ArcGIS API for Silverlight实现G ...
    
		
    7. 
						
  7. arcgis api 3.x for js 入门开发系列七图层控制（附源码下载）
		
    前言 关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类 ...
    
		
    8. 
						
  8. ArcGIS API for JavaScript介绍
		
    ArcGIS API for JavaScript中的类是按照模块组织的,主要包含esri.esri/geometry.esri/renderers.esri/symbols.esri/symbols ...
    
		
    9. 
						
  9. ArcGIS API for JavaScript 4.2学习笔记[5] 官方API大章节概述与内容转译
		
    内容如上,截图自ESRI官网,连接:ArcGIS API for JavaScript 4.2 [Get Started] 类似于绪论一样的东西,抽取了最需要关注的几个例子.如:加载Map和View, ...
    
		
    10. 
						
  10. ArcGIS API for JavaScript FeatureLayer服务属性编辑
		
    首先说一下感想吧,刚入行时感觉深似海,掉到了GIS开发的陨石大坑里了,首先是学了小半年的Flex,用到了ArcGIS API for Flex,接着又是半年的ArcEngine开发,现在终于摸到了一点 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 《Unix环境高级编程》读书笔记 第3章-文件I/O
			
    1. 引言 Unix系统的大多数文件I/O只需用到5个函数:open.read.write.lseek以及close 本章描述的函数经常被称为不带缓冲的I/O.术语不带缓冲指的是在用户的进程中对其不会 ...
    
			
    2. 
						
  2. Description Resource Path Location Type Cannot change version of project fac(导入maven项目出现红叉问题)
			
    项目现象如下: 这是由于你的 Maven 编译级别是 jdk太低了 解决方法: 1.在eclipse的工程上选择属性,在选择Project Facets里面中选择Dynamic web Module, ...
    
			
    3. 
						
  3. 集合(set)的基本操作
			
    集合是一个无序的,不重复的数据组合,它的主要作用如下: 去重,把一个列表变成集合,就自动去重了 集合中的元素必须是不可变类型 关系测试,测试两组数据之前的交集.差集.并集等关系 常用操作 a = se ...
    
			
    4. 
						
  4. UE4自学随笔（一）
			
    本文及后续均为个人学习记录所用,难免毫无章法零零碎碎,希望看到此文的诸君勿怪. 一.Actor与Pawn Actor类 在UE4中,Actor类是可以放到游戏场景中的游戏对象的基本类型.你如果想放置任 ...
    
			
    5. 
						
  5. [洛谷P3948]数据结构
			
    题目大意:有n个数,opt个操作,并给你md.min.max. 每种操作有以下两种:1.给一段区间加一个固定值.2.询问一段区间内满足$min\leq T*i\ mod\ md\leq max$(T是 ...
    
			
    6. 
						
  6. Python学习第二天-编写三级菜单
			
    编写三级菜单:1. 运行程序输出第一级菜单2. 选择一级菜单某项,输出二级菜单,同理输出三级菜单3. 菜单数据保存在文件中4. 让用户选择是否要退出5. 有返回上一级菜单的功能 # Author: z ...
    
			
    7. 
						
  7. POJ——T2553 The Bottom of a Graph
			
    http://poj.org/problem?id=2553 Time Limit: 3000MS   Memory Limit: 65536K Total Submissions: 10987    ...
    
			
    8. 
						
  8. hadoop-10-创建yum资源库
			
    hadoop-10-创建yum资源库 1,在/etc/yum.repos.d/下面创建 ambari.repo  HDP.repo  HDP-UTILS.repo 三个文件: [root@server ...
    
			
    9. 
						
  9. hadoop-02-关闭防火墙
			
    hadoop-02-关闭防火墙 su root service iptables status #查看状态 即时关闭: service iptables stop #关闭 重启之后关闭: chkcon ...
    
			
    10. 
						
  10. SpringMVC案例3----spring3.0项目拦截器、ajax、文件上传应用
			
    依然是项目结构图和所需jar包图: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYmVuamFtaW5fd2h4/font/5a6L5L2T/fontsi ...
    
			
    11.