WebGIS开发杂谈(二)——ArcGIS JavaScript API效果展示

1、水面效果

可调参数:

  • 波浪流动方向
  • 波浪强度
  • 水面颜色

WebGIS开发杂谈(二)——ArcGIS JavaScript API效果展示

参考链接:https://developers.arcgis.com/javascript/latest/sample-code/visualization-realistic-water/live/index.html

2、BIM模型

WebGIS开发杂谈(二)——ArcGIS JavaScript API效果展示

控制部件显隐

WebGIS开发杂谈(二)——ArcGIS JavaScript API效果展示

剖切分析WebGIS开发杂谈(二)——ArcGIS JavaScript API效果展示

3、客户端查询统计

在客户端做的查询统计,变换参数查询的过程中不会向服务器发送请求

WebGIS开发杂谈(二)——ArcGIS JavaScript API效果展示

4、3D线符号

适合地铁、管线、管廊等数据三维展示,可调参数:接头,拐角、旋转角

竖条带符号

WebGIS开发杂谈(二)——ArcGIS JavaScript API效果展示

立方体通道

WebGIS开发杂谈(二)——ArcGIS JavaScript API效果展示

圆形通道

WebGIS开发杂谈(二)——ArcGIS JavaScript API效果展示

横条带

WebGIS开发杂谈(二)——ArcGIS JavaScript API效果展示

5、绘图微件

微件是ArcGIS JS API自己封装好的一个功能,能极大地提高开发效率

一句代码,能够画点、线、面、矩形、圆,能够撤销,能够重做,能够编辑节点,能够删除。

WebGIS开发杂谈(二)——ArcGIS JavaScript API效果展示

6、3D绘制

三维绘制其实还是调用绘制微件的部分功能,只是给了绘制图形一个三维的符号。

WebGIS开发杂谈(二)——ArcGIS JavaScript API效果展示

7、视域分析

视域分析是空间分析的一种,Web端的JS API提供接口,可以调用来自ArcGIS Server的GP服务。

WebGIS开发杂谈(二)——ArcGIS JavaScript API效果展示

8、直方图分布微件

下图数据是印度洋表面温度的数据,可以通过拖动滑块调节数据显隐

WebGIS开发杂谈(二)——ArcGIS JavaScript API效果展示

9、卷帘微件

JS API将卷帘功能封装好了,加入不同图层就可以了,下图对比近红外和短波红外的不同效果,能看到不一样的地表信息。

WebGIS开发杂谈(二)——ArcGIS JavaScript API效果展示

WebGIS开发杂谈(二)——ArcGIS JavaScript API效果展示