WebGIS中等值面展示的相关方案简析

简介: 文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/1.背景等值面是气象、环保等相关项目上常用到的效果展示。在传统的CS项目中,可以利用一些二次开发工具进行开发,具有科研性质的项目上还会利用一些工具进行复杂建模出图然后流程化。

文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/

1.背景

等值面是气象、环保等相关项目上常用到的效果展示。在传统的CS项目中,可以利用一些二次开发工具进行开发,具有科研性质的项目上还会利用一些工具进行复杂建模出图然后流程化。这里,我们撇去复杂的建模各因子,谈谈通用的等值面如何在WebGIS中进行展示。

首先,我介绍下几种可以在前端进行等值面渲染的方案:

a.利用arcgis的model进行建模,设置好输入项,插值工具,输出项等,然后发布成GP服务,前端需要使用时通过rest方式调用GP服务将最后的插值结果进行展示。

b.直接在前端进行等值面算法的实现。在开源库turfjs中提供了等值面的调用函数。

c.利用GDAL或者AE或者其他气象方面的开发包,开发专门的工具程序进行等值面生成,然后将结果以服务或者图片的方式供前端调用。

d.直接在后台写程序进行生成,比如使用wcontour.jar等进行后台开发服务。

2.等值面生成方案选择

项目首先想纯前端进行开发,但是观察了turfjs生成的等值面,效果不是很理想,出现很多没有被覆盖的空隙。例如:

 

GP服务的方案上,因为不想总是前端传入所有插值的点,而是让输入数据源直接关联上SDE中的表,SDE中该表的数据每天会变化,那么每次生成时,前端只需调用连接而不用传入任何数据即可生成新的等值面。目前还没解决直接让下图所示的input关联上SDE表的方法,有相关经验的同行如果知道请不吝赐教。

 

所以最后选择了熟悉的AE来生成等值面。

3.服务自动发布方案选择

AE生成的数据为Grid格式:

 

自动发布方案目前有以下三种:

a.编写代码让arcgisserver自动发布。此种方案涉及到代码编写,并且还将出现对旧服务删除、新服务增加等操作,如果频率过多,对arcgisserver是个负担。

b.先用arcgisserver发布一个mapserver服务,然后每次更新替换掉该服务对应的路径文件夹中的文件。此种方法经过测试,每次替换了文件后,必须重启一次该服务才行,同样通过代码控制对arcgisserver存在压力。

c.直接编写代码对生成的等值面图进行切图,前端直接调用本地切图文件。因为自动切图工具已经有积累,所以采用此种方案。

4.项目最终采用的方案总结

a.将插值数据做成SHP通过SDE入库,利用MXD将入库数据进行添加,并且将掩膜数据也添入MXD。每次MIS上对接数据时动态修改SDE中该图层的插值属性的值即可。

b.通过MXD获取到数据要素,利用AE中集成好的插值算法进行插值。插值时选择好各插值参数,以及插值的掩膜图层。

c.对差值出来的栅格等值面数据进行分类渲染。

d.根据切图参数对最后栅格渲染图进行自动切图。

f.将切完的瓦片转移保存至瓦片服务文件夹下。

e.前端加载等值面切图瓦片。

5.效果展示

等值面demo工具效果如下:

 

自动切图后的结果如下:

 

系统中使用如下,支持多个等值面之间的切换,比如今、明、后三天的PM2.5等值面切换(由于重庆的数据缺少部分为0,所以灰色部分很多)。

配置文件中,可以配置等值面各插值参数、等值字段、分类阈值、渲染色带、触发时间、切图参数、文件地址等:

 

 

                           -----欢迎转载,但保留版权,请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/

                                                                           如果您觉得本文确实帮助了您,可以微信扫一扫,进行小额的打赏和鼓励,谢谢 ^_^

                                        

目录
相关文章
|
2月前
|
前端开发 JavaScript 开发者
揭秘前端高手的秘密武器:深度解析递归组件与动态组件的奥妙,让你代码效率翻倍!
【10月更文挑战第23天】在Web开发中,组件化已成为主流。本文深入探讨了递归组件与动态组件的概念、应用及实现方式。递归组件通过在组件内部调用自身,适用于处理层级结构数据,如菜单和树形控件。动态组件则根据数据变化动态切换组件显示,适用于不同业务逻辑下的组件展示。通过示例,展示了这两种组件的实现方法及其在实际开发中的应用价值。
45 1
|
8月前
|
前端开发 JavaScript
THREE实战1_代码重构点、线、面
THREE实战1_代码重构点、线、面
50 1
|
存储 运维 监控
一个开关就让服务网格变快 —— 概述篇
作为业内首个全托管Istio兼容的阿里云服务网格产品ASM,一开始从架构上就保持了与社区、业界趋势的一致性,控制平面的组件托管在阿里云侧,与数据面侧的用户集群独立。ASM产品是基于社区Istio定制实现的,在托管的控制面侧提供了用于支撑精细化的流量管理和安全管理的组件能力。通过托管模式,解耦了Istio组件与所管理的K8s集群的生命周期管理,使得架构更加灵活,提升了系统的可伸缩性。从2022年4月
一个开关就让服务网格变快 —— 概述篇
|
数据可视化 前端开发 算法
动态渲染拓扑图方案探究
拓扑图是数据可视化领域一种比较常见的展示类型,目前业界常见的可视化展现的方案有ECharts、HighCharts、D3、AntV等。当前的项目使用的是基于ECharts的静态关系图渲染,为了后续可能扩展成动态的拓扑图渲染,本文探索了ECharts的原理以及G6的原理,也算是对自研一个可视化库的基本实现方法做了一个梳理。
287 0
|
数据库 数据安全/隐私保护
【号外】-温习如何画E-R图
【号外】-温习如何画E-R图
【号外】-温习如何画E-R图
|
前端开发 JavaScript API
渲染性能优化的全局视角,教你做的比别人好
遇到性能优化的问题,大抵都会从两个方向入手:行业标准优化手段、实际性能瓶颈问题。既能够从先进的模式、方法、套路吸收借鉴,又能够结合实际性能情况设计应对方案,已然是高质量工作的路径了,但是,路上还充斥着各种判断和选择,稍有不慎还是会泥足深陷,走上“要你命 3000 ”的道路。
渲染性能优化的全局视角,教你做的比别人好
|
定位技术 前端开发 API
WebGIS简单实现一个区域炫酷的3D立体地图效果
1.别人的效果         作为一个GIS专业的,做一个高大上的GIS系统一直是我的梦想,虽然至今为止还没有做出一个理想中的系统,但是偶尔看看别人做的,学习下别人的技术还是很有必要的。眼睛是最容易误导我们的,有时候看着炫酷的效果,可能只是因为一点视觉误差,本文用一个别人的系统界面来解析如何实现一个小区域的立体地图效果。
3646 0
|
算法 前端开发 JavaScript
WebGIS中前端JS生成等值面方法探讨
文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/ 1.背景         在之前的博文《WebGIS中等值面展示的相关方案简析》中我提到了两种生成等值面的方法:        a.使用GP服务发布等值面生成服务,前端调用该服务生成等值面图片然后叠加至地图上。
2277 0