arcgis for js栅格图层叠加(Raster Layer)问题


Posted in Javascript onNovember 22, 2017

其实呢,这个问题或许与栅格图层(Raster Layer)关系并不十分大,也可能所有类型的图层都有这个问题,我对arcgis尚不十分了解,目前只在栅格图层遇到问题,所以先记下来,存疑。

栅格图层啥问题呢?叠不出来,报错。

比如,有这么个地图服务:

arcgis for js栅格图层叠加(Raster Layer)问题

然后想直接叠加其中一个子图层(可见其类型为栅格图层)。

arcgis for js栅格图层叠加(Raster Layer)问题

代码如下:

var layer = new ArcGISDynamicMapServiceLayer("http://192.168.0.225:6080/arcgis/HN_test/MapServer/1");
map.addLayer(layer);

但这样必报错。报”400”错误,错误提示为:不支持的输出格式。

Error: Output format not supported.
Code: 400

啥格式?就是 image 格式。arcgis图层服务输出的格式有许多种,详见这里

但是,如果只访问图层服务的根地址,则图层可以出来:

var layer = new ArcGISDynamicMapServiceLayer("http://192.168.0.225:6080/arcgis/HN_test/MapServer");//<----------------- 后面没有“/1”
map.addLayer(layer);

arcgis for js栅格图层叠加(Raster Layer)问题

真奇怪啊,我叠FeatureLayer的时候,都是直接访问子图层,从来不见有什么问题。为什么这里却不行,无论是用

ArcGISDynamicMapServiceLayer,
ArcGISImageServiceLayer,
RasterLayer

还是

ArcGISTiledMapServiceLayer,
FeatureLayer

都不行。前三个直接报400错,后两个没报错,但图层根本出不来。

难道栅格图层这么特别?

从周六开始,到今天周二,每天都花了时间去搞这个问题,问了两个高手,但高手没空,有一个其实是提到问题答案了,但我没理解,还是搞不出来。这种问题,到百度上搜,根本无从下手,没有啥代码提到栅格图层的(这也证明其实栅格图层并不需要用什么特别的对象来处理)。

后来偶尔看到网上有篇文章提到访问地图服务,控制子图层,我想起年初刚开始搞arcgis时,自己好像也抄过类似的代码,用于显示或隐藏不同的图层。翻出来一看,果然啊,图层对象有个layerInfos的属性,这里面就是其所有子图层的列表。所有,不仅仅是儿子,还包括孙子及后代。但这个layerInfos加载需要一定的过程,一般在图层加载完毕的事件中才开始访问。

修改代码,图像终于出来了。

arcgis for js栅格图层叠加(Raster Layer)问题

处理过程如下:

1、构建动态切片图层对象

var layer = new ArcGISDynamicMapServiceLayer(http://192.168.0.225:6080/arcgis/rest/services/HN_test/MapServer);

2、该图层对象加载完毕后设置子图层可见属性

if (layer.loaded) {
 buildSubLayerList(layer);
}
else {
 dojo.connect(layer, "onLoad", buildSubLayerList);
} 
function buildSubLayerList(layer) {
 var visible = [];
 dojo.map(layer.layerInfos,function (info, index) {
  if(符合条件) visible.push(info.id);
 });
 map.addLayer(layer);//万事俱备,至此方才将图层添加到地图
}

总结

以上所述是小编给大家介绍的arcgis for js栅格图层叠加(Raster Layer),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript实现日历控件(年月日关闭按钮)
Dec 12 Javascript
Jquery 选中表格一列并对表格排序实现原理
Dec 15 Javascript
jQuery操作Select选择的Text和Value(获取/设置/添加/删除)
Mar 06 Javascript
Query中click(),bind(),live(),delegate()的区别
Nov 19 Javascript
SeaJS 与 RequireJS 的差异对比
Dec 08 Javascript
JavaScript中number转换成string介绍
Dec 31 Javascript
JavaScript实现MIPS乘法模拟的方法
Apr 17 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
Dec 02 Javascript
JS中正则表达式全局匹配模式 /g用法详解
Apr 01 Javascript
javascript编写简易计算器
May 06 Javascript
jquery获取img的src值实例介绍
Jan 16 jQuery
关于vue 项目中浏览器跨域的配置问题
Nov 10 Javascript
在vue中添加Echarts图表的基本使用教程
Nov 22 #Javascript
ActiveX控件的使用-js实现打印超市小票功能代码详解
Nov 22 #Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
Nov 22 #Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
Nov 22 #Javascript
浅谈Angular 中何时取消订阅
Nov 22 #Javascript
深入理解Angular4订阅(Subscribe)与取消
Nov 22 #Javascript
利用vue + koa2 + mockjs模拟数据的方法教程
Nov 22 #Javascript
You might like
PHP 高级课程笔记 面向对象
2009/06/21 PHP
PHP生成等比缩略图类和自定义函数分享
2014/06/25 PHP
php通过curl添加cookie伪造登陆抓取数据的方法
2016/04/02 PHP
jquery ajax return没有返回值的解决方法
2011/10/20 Javascript
jQuery代码优化 选择符篇
2011/11/01 Javascript
详解js闭包
2014/09/02 Javascript
Node.js实现在目录中查找某个字符串及所在文件
2014/09/03 Javascript
用C/C++来实现 Node.js 的模块(二)
2014/09/24 Javascript
限制上传文件大小和格式的jQuery插件实例
2015/01/24 Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
2015/03/21 Javascript
Jquery使用val方法读写value值
2015/05/18 Javascript
jquery ajax分页插件的简单实现
2016/01/27 Javascript
javascript对浅拷贝和深拷贝的详解
2016/10/14 Javascript
Bootstrap导航条学习使用(二)
2017/02/08 Javascript
JS监控关闭浏览器操作的实例详解
2017/09/12 Javascript
jQuery动态移除与增加onclick属性的方法详解
2018/06/07 jQuery
vuejs前后端数据交互之从后端请求数据的实例
2018/08/11 Javascript
layui 表格的属性的显示转换方法
2018/08/14 Javascript
Angular7中创建组件/自定义指令/管道的方法实例详解
2019/04/02 Javascript
基于nodejs的微信JS-SDK简单应用实现
2019/05/21 NodeJs
Python内置函数dir详解
2015/04/14 Python
Python 专题六 局部变量、全局变量global、导入模块变量
2017/03/20 Python
python2与python3共存问题的解决方法
2018/09/18 Python
Python动态语言与鸭子类型详解
2019/07/01 Python
为智能设备设计个性化保护套网站:caseable
2017/01/05 全球购物
瑞士男士时尚网上商店:Babista
2020/05/14 全球购物
法学函授自我鉴定
2014/02/06 职场文书
美丽家庭事迹材料
2014/05/03 职场文书
社区志愿者培训方案
2014/06/10 职场文书
计划生育证明格式及范本
2014/10/09 职场文书
行政复议决定书
2015/06/24 职场文书
标枪加油稿
2015/07/22 职场文书
文明医院的标语集锦!
2019/07/24 职场文书
nginx服务器的下载安装与使用详解
2021/08/02 Servers
Android Studio实现简易进制转换计算器
2022/05/20 Java/Android
MySQL运行报错:“Expression #1 of SELECT list is not in GROUP BY clause and contains nonaggre”解决方法
2022/06/14 MySQL