|
|
|

WebGIS中等值线前端生成制作简析

1.布景 等值线是GIS制必威现金回扣中常见的功用,一般有两种思路:一种是先进行插值生成等值面栅格必威现金回扣,然后将等值面提取成等值线;另一种是进行插值后,直接再依据算法进行插值点衔接生成一条尽量闭合以及滑润的曲线。 在进行插值中,有许多算法能够挑选,各种算法...

作者:naaoveGIS来历:naaoveGIS|2017年01月29日

1.布景

等值线是GIS制必威现金回扣中常见的功用,一般有两种思路:一种是先进行插值生成等值面栅格必威现金回扣,然后将等值面提取成等值线;另一种是进行插值后,直接再依据算法进行插值点衔接生成一条尽量闭合以及滑润的曲线。

在进行插值中,有许多算法能够挑选,各种算法中也会有不同的参数需求调试,并且更具实际状况,比方地舆环境要素等进行微调,终究建模。这儿咱们要评论的是疏忽全部外在要素,只依据坐标、等值字段值进行插值和展现的评论。

常见解决计划为,算法后台生成必威现金回扣片,前端展现。这儿咱们评论怎么前端直接生成。前端生成等值面的优点许多:最大的优点便是躲避后台压力,并且能够随时操控显现款式。

 

2.插值算法简介  

根据网格GRID来进行问题简化是GIS领域中的常见套路,WebGIS中更是常用。这儿相同咱们也能把等值线的算法根据GRID来完成。

a.对范围内的面依照网格来区分,每一个网格的四角坐标均匀插值出对应的坐标。

                                       

b. 选定一个矩形开端,追寻等值线,等值线一定是接连的,所以在相邻矩形鸿沟上的一个数值点,必定会在下一个矩形中找到后续点。并且,一定是成对呈现的,也便是说,必定能发现后续的等值点,或许不止一个(还有方法追寻),但不会呈现找不到的状况。

 

c. 在一个矩形的四边中也有或许呈现有多于一对的等值点状况,怎么追寻下一点取决于你的算法,一般是取相邻点(避免与另一条等值线穿插)。

 

d.将一切的点衔接起来成为等值线,再对等值线进行滑润。

e.终究在地必威现金回扣上绘出。

3.开源GIS库——Turfjs

这儿,咱们并不需求重头来写等值线插值算法,在闻名的开源GIS前端库——Turfjs中,现已帮咱们完成了这些作业。这儿我简略介绍下Truf.js。

Turf.js官网地址:

Turf.js中的几许数据安排规范以WKT格局为规范。其官网中包含了具体的接口介绍和样例解说。这儿我给出咱们需求用的接口:

 

4.完成过程

这儿我简略给出能够优化的当地:

a.对不同的break线给不同款式。

b.加上标示break值。

c.对数据进行滑润。

以下为终究作用必威现金回扣:

 

 

-----欢迎转载,但保存版权,请于显着处标明出处:

上一篇:根据六合必威现金回扣的多源团购信息系统规划与完成

下一篇:WebGIS中快速整合办理多源矢量服务以及服…