Gis专辑GISgis

arcgis api for js实现克里金插值渲染图--不依赖

2017-12-11  本文已影响159人  gis之家

本篇的亮点是利用kriging.js结合arcgis api for js,实现克里金插值渲染图,截图如下:


kriging.png

具体实现的思路如下:
1.kriging.js开源js,可以实现针对容器canvas克里金插值效果,但是没有结合地图一起的,不能随着地图拖动缩放的,需要跟地图绑定在一起才行的,这里先实现canvas渲染插值效果,kriging.js的plot函数可以达到这样的目的:

kriging.plot(canvas, grid, [113.220276, 113.476929], [29.737915, 29.965698], colors);    

colors:渲染颜色分级数组;
canvas:渲染容器;
[113.220276, 113.476929], [29.737915, 29.965698]:渲染的最大最小值范围;
grid:渲染的插值,跟point插值点有关系,具体的如下:

var grid = kriging.grid(world, variogram, width);

world:插值范围,点数组构成,比如:

var world = 
    [

        [
            [
              113.33752441406284,
              29.881896972656477
            ],
            [
              113.3394713498775,
              29.879479149706071
            ],
            [
              113.34130859375034,
              29.876525878906421
            ],
            ...

        ],
    ]

variogram:

var variogram = kriging.train(t, x, y, "exponential", 0, 10);

2.kriging.js渲染效果叠加在map对象,绑定一起展示,以layer形式叠加在map即可

备注:团队承接webgis/gis毕业设计以及webgis项目等业务,欢迎有相关需求的客户来咨询
GIS之家接受webgis开发遇到的技术疑点难点在线咨询收费模式,有需要的加QQ:406503412,具体详情见:咨询模式
个人微信:gishome
欢迎关注GIS之家团队的微信公众号:扫描右上角头像
GIS作品:GIS之家
GIS之家知乎专栏:GIS之家知乎专栏
GIS之家交流群一:432512093(已满)
GIS之家交流群二:296438295(已满)
GIS之家交流群三:632467934

上一篇下一篇

猜你喜欢

热点阅读