文档章节

arcgis for js API 4.4 MapImageLayer加载动态图层不出现问题

JaJaCube
 JaJaCube
发布于 2017/09/01 10:58
字数 552
阅读 30
收藏 1

小白首发撒花~

初转到arcgis js 4.4,码代码的过程中遇到如下问题:

设定好MapImageLayer及其sublayer之后运行程序,发现图层不能加载出来,报错及MapImageLayer设定代码如下:

 

MapImageLayer设定代码:

 var layer1 = new MapImageLayer({
                    title: "标题_区域绿地1",
                    url: "http://192.168.1.128:6080/arcgis/rest/services/智慧园林示例数据/全示例数据源_比对测试/MapServer",
                    sublayers: [

                        {
                            id: 1,
                            visible:true
                        }, {
                            id: 4,
                            visible: true
                        }, {
                            id: 7,
                            visible: true
                        }
                    ]
                });

报错图:

图上图例不显示

尝试了多种诸如URL修改localhost,清除arcgis server缓存,根据官网Sample加入renderer,修改各种变量名,折腾了一整天也没有解决,第二天上班后简单的对这部分代码进行了重构,意外的发现问题自己解决了,图层正常显示,图例出现,F12工具里也没有之前的大段报错了,神特喵当时以为重启解决的,不甘心,尝试复现,又折腾了一个小时后发现,MapImageLayer中的sublayer的加在顺序必须是id从大到小的顺序,乱序或者从小到大均不能加载出图层并且报之前的错。正确代码如下:

 

 var layer1 = new MapImageLayer({
                    title: "标题_区域绿地1",
                    url: "http://192.168.1.128:6080/arcgis/rest/services/智慧园林示例数据/全示例数据源_比对测试/MapServer",
                    sublayers: [

                        {
                            id: 7,
                            visible:true
                        }, {
                            id: 4,
                            visible: true
                        }, {
                            id: 1,
                            visible: true
                        }
                    ]
                });

神特喵必须降序id!!!!!

然而,最值得吐槽的是,这一切并没有在官网给出的API中说明,并且API官网给出的示例也是不能成功加载的(因为也是id升序排序),你必须把sublayer的id改为降序才能正确出图。

官网API:

费了一整天时间才摸清这个规律,最终问题解决,小白留爪。

图层和图例正确显示如下:

最后,小白初从flex转到js,在大牛@洋碱(附上大牛站内链接:https://my.oschina.net/u/615762  ,多去骚扰他,他脾气特别好~) 的指引下来到本站分享开发经验,望站内众位大佬多多指教,蟹蟹~

 

© 著作权归作者所有

共有 人打赏支持
JaJaCube
粉丝 3
博文 7
码字总数 3719
作品 0
合肥
私信 提问
加载中

评论(2)

JaJaCube
JaJaCube

引用来自“洋碱”的评论

重点不在问题,而在问题的解决办法,小伙子向你学习了
大牛带飞😈
洋碱
洋碱
重点不在问题,而在问题的解决办法,小伙子向你学习了
vue地图可视化 ArcGIS篇(3)

ArcGIS for javascript开发心得 本次实例中采用ArcGIS for javascript3.24版本,由于版本3与4在API等存在较大区别,就不一一列举,详细区别看[官方解释] arcgis for js4.7版本能够自动创建l...

YJ在掘金
11/06
0
0
ArcGIS Maritime Server 开发教程(九)二三维水深服务

ArcGIS Maritime Server 开发教程(九)二三维水深服务 本章导读:ArcGIS 软件体系是使用 ArcGIS Bathymetry 桌面扩展构建和管理水深数据库,并且利用 Image Server 对水深产品进行发布。本章...

liyuanxiang1984
05/24
0
0
用Tomcat8.5做Arcgis API for javascript的本地部署

step1:1从arcgis官网上下载Arcgis api for JavaScript 4.3 https://developers.arcgis.com/javascript/latest/guide/release-notes/ ps:前提是你需要有一个esri开发者账户否则不能下载。 st......

duxiuxiu
2017/05/18
0
0
Esri美国用户大会Q&A 之 ArcGIS Server未来发展

2012年Esri全球用户大会正在举行,登录其官方网站我们可以找到对于今年用户大会的问答(Q&A),其中包括了云、三维、ArcGIS Server、ArcGIS Desktop等众多内容。原文地址:http://events.esr...

长平狐
2012/11/28
370
0
ArcGIS API for Javascript 2.X 离线部署(以2.6为例)

先在官网上ArcGIS API for JavaScript download page(需要有账户)下载最新的API:arcgisjsv26_api.zip( 点击直接下载)和 SDK: arcgisjsv26_sdk.zip(直接下载); 2. 将下载下来的 arcg...

回忆在昨天
2012/10/24
0
0

没有更多内容

加载失败,请刷新页面

加载更多

tomcat编译超过64k大小的jsp文件报错原因

  今天遇到一个问题,首先是在tomcat中间件上跑的web项目,一个jsp文件,因为代码行数实在是太多了,更新了几个版本之后编译报错了,页面打开都是报500的错误,500的报错,知道http协议返回...

SEOwhywhy
16分钟前
0
0
flutter http 请求客户端

1、pubspec文件管理Flutter应用程序的assets(资源,如图片、package等)。 在pubspec.yaml中,通过网址“https://pub.dartlang.org/packages/http#-installing-tab-”确认版本号后,将http(0...

渣渣曦
17分钟前
0
0
Django基本命令及moduls举例

一、Django基本命令 1.创建项目 django-admin.py startproject mysite 创建后的项目结构:- mysite - mysite #对整个程序进行配置 - init #导入包专用- settings ...

枫叶云
31分钟前
4
0
zabbix安装

rpm -ivh http://repo.webtatic.com/yum/el6/latest.rpm 安装jdk rpm -ivh (自行在网上下载rpm包) 安装php并修改相应参数 yum -y install php56w php56w-gd php56w-mysqlnd php56w-bcmath......

muoushi
33分钟前
3
0
MySQL自增属性auto_increment_increment和auto_increment_offset

MySQL的系统变量或会话变量auto_increment_increment(自增步长)和auto_increment_offset(自增偏移量)控制着数据表的自增列ID。 mysql> show tables;Empty set (0.00 sec)mysql> CREATE TA......

野雪球
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部