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 相关文章推荐
利用404错误页面实现UrlRewrite的实现代码
Aug 20 Javascript
修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
Oct 11 Javascript
jquery实现控制表格行高亮实例
Jun 05 Javascript
JQuery实现表格动态增加行并对新行添加事件
Jul 30 Javascript
JavaScript设计模式之抽象工厂模式介绍
Dec 28 Javascript
原生js结合html5制作简易的双色子游戏
Mar 30 Javascript
AngularJS中$http服务常用的应用及参数
Aug 22 Javascript
Javascript获取图片原始宽度和高度的方法详解
Sep 20 Javascript
类似于QQ的右滑删除效果的实现方法
Oct 16 Javascript
详解JavaScript中的属性和特性
Dec 08 Javascript
JS实现提交表单前的数字及邮箱校检功能
Nov 13 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
Apr 26 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/11/30 PHP
php设计模式 FlyWeight (享元模式)
2011/06/26 PHP
PHP批量检测并去除文件BOM头代码实例
2014/05/08 PHP
thinkphp浏览历史功能实现方法
2014/10/29 PHP
PHP实现全角字符转为半角方法汇总
2015/07/09 PHP
PHP开发Apache服务器配置
2015/07/15 PHP
[原创]PHP正则删除html代码中a标签并保留标签内容的方法
2017/05/23 PHP
javascript编程起步(第二课)
2007/01/10 Javascript
Javascript 生成指定范围数值随机数
2009/01/09 Javascript
javascript 保存文件到本地实现方法
2012/11/29 Javascript
JQuery的AJAX实现文件下载的小例子
2013/05/15 Javascript
深入理解Javascript中的循环优化
2013/11/09 Javascript
Javascript学习笔记之 对象篇(四) : for in 循环
2014/06/24 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
2015/07/28 Javascript
jQuery实现瀑布流布局详解(PC和移动端)
2020/09/01 Javascript
讲解JavaScript的Backbone.js框架的MVC结构设计理念
2016/02/14 Javascript
Vue组件BootPage实现简单的分页功能
2016/09/12 Javascript
jquery实现(textarea)placeholder自动换行
2016/12/22 Javascript
详解vue-cli 本地开发mock数据使用方法
2018/05/29 Javascript
vue左右侧联动滚动的实现代码
2018/06/06 Javascript
解决vue脚手架项目打包后路由视图不显示的问题
2018/09/20 Javascript
微信小程序导航栏跟随滑动效果的实现代码
2019/05/14 Javascript
Node.js 实现简单的无侵入式缓存框架的方法
2019/07/21 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
2019/10/10 Javascript
[02:56]DOTA2亚洲邀请赛 VG出场战队巡礼
2015/02/07 DOTA
关于Python中空格字符串处理的技巧总结
2017/08/10 Python
Python+Socket实现基于UDP协议的局域网广播功能示例
2017/08/31 Python
python+opencv实现车道线检测
2021/02/19 Python
台湾7-ELEVEN线上购物中心:7-11
2021/01/21 全球购物
C语言50道问题
2014/10/23 面试题
描述RIP和OSPF区别以及特点
2015/01/17 面试题
庆祝教师节活动方案
2014/01/31 职场文书
人事专员的职责
2014/02/26 职场文书
岗位职责范本大全
2015/02/26 职场文书
个人专业技术总结
2015/03/05 职场文书
教师工作表现自我评价
2015/03/05 职场文书