ArcGIS api for javascript——图层-创建WMS图层类型的图层
本例使用一个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图层类型的图层的更多相关文章
- ArcGIS api for javascript——动态创建图层列表
描述 本例循环地图服务里的所有图层并增加每个图层到一个带checkbox的列表,checkbox能设置图层的显示或隐藏.动态创建列表的优势是所有的图层都会包含在列表中,即使服务器管理员删除或增加了图层 ...
- ArcGIS API for JavaScript（2）-ArcGIS Server发布要素图层服务
1.前言 上一篇该系列的文章我们主要讲了一下基础Web地图搭建,这篇我们主要讲一下ArcGIS Server发布服务,并且如何调用服务.将自己的数据加载到Web地图当中来,实现Web端浏览数据. 2. ...
- 转：ArcGIS API For JavaScript官方文档（二十）之图形和要素图层——①Graphics概述
原文地址:ArcGIS API For JavaScript官方文档(二十)之图形和要素图层——①Graphics概述 ArcGIS JavaScript API允许在地图上绘制graphic(图形) ...
- arcgis api for JavaScript _加载三维图层(scene layer)
arcgis api for JavaScript _加载三维图层(scene layer) arcgis api for JavaScript 4.x 版本增加对三维的支持. 关于三维图层(sce ...
- 创建ArcGIS API for JavaScript的第一个示例程序
原文:创建ArcGIS API for JavaScript的第一个示例程序 在上一篇博客中已经介绍了如何搭建ArcGIS API for JavaScript开发环境,如果您还没有搭建好开发环境的话 ...
- ArcGIS API for Silverlight 调用GP服务加载等值线图层
原文:ArcGIS API for Silverlight 调用GP服务加载等值线图层 第二篇.Silverlight客户端调用GP服务 利用ArcGIS API for Silverlight实现G ...
- arcgis api 3.x for js 入门开发系列七图层控制（附源码下载）
前言 关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类 ...
- ArcGIS API for JavaScript介绍
ArcGIS API for JavaScript中的类是按照模块组织的,主要包含esri.esri/geometry.esri/renderers.esri/symbols.esri/symbols ...
- ArcGIS API for JavaScript 4.2学习笔记[5] 官方API大章节概述与内容转译
内容如上,截图自ESRI官网,连接:ArcGIS API for JavaScript 4.2 [Get Started] 类似于绪论一样的东西,抽取了最需要关注的几个例子.如:加载Map和View, ...
- ArcGIS API for JavaScript FeatureLayer服务属性编辑
首先说一下感想吧,刚入行时感觉深似海,掉到了GIS开发的陨石大坑里了,首先是学了小半年的Flex,用到了ArcGIS API for Flex,接着又是半年的ArcEngine开发,现在终于摸到了一点 ...
随机推荐
- HDU 1338 Game Prediction【贪心】
解题思路: 给出 n m 牌的号码是从1到n*m 你手里的牌的号码是1到n*m之间的任意n个数,每张牌都只有一张,问你至少赢多少次 可以转化为你最多输max次,那么至少赢n-max次 而最多输max ...
- 1112 KGold
给出N个人在0时刻的财富值M[i](所有人在0时刻的财富互不相等),以及财富增长速度S[i],随着时间的推移,某些人的财富值会超越另外一些人.如果时间足够长,对于财富增长最快的人来说,他的财富将超越所 ...
- 查看锁表进程SQL语句
查看锁表进程SQL语句 set pagesize 999 set line180 col ORACLE_USERNAME for a18 col OS_USER_NAME for a18 col ...
- swift语言点评十四-继承
Overriding A subclass can provide its own custom implementation of an instance method, type method, ...
- js指定区域全屏
<html> <head> <title>js指定区域全屏</title> <style> ...
- centos 7.1安装frees witch
http://blog.sina.com.cn/s/blog_539d6e0c0102zgvm.html
- Springboot - -web应用开发-Servlets, Filters, listeners
一.Web开发使用 Controller 基本上可以完成大部分需求,但是我们还可能会用到 Servlet. Filter. Listener等等 二.在spring boot中的三种实现方式 方法一: ...
- c traps and pitfalls reading note(1)
1. 一直知道char *p = 'a';这样写是错误的,但是为什么是错的,没想过,今天看书解惑. p指向一个字符,但是在c中,''引起来的一个字符代表一个整数,这样指针能不报错.o(^▽^)o 2. ...
- redhat7.5 升级OpenSSH_7.8p1
1:拷贝编译好rpm安装包 [root@liwm ~]# scp -r root@192.168.31.130:/home/openssh7.8 /home/ root@192.168.31.130' ...
- centos部署nginx服务
1.准备安装程序 pcrl-8.43.tar.gz zlib-1.2.11.tar.gz openssl-1.0.1j.tar.gznginx-1.9.9.tar.gz 2.将下载的包拷贝到/us ...