美文网首页Gis专辑GISgis
arcgis api for js实现克里金插值渲染图--不依赖

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

作者: gis之家 | 来源:发表于2017-12-11 08:19 被阅读159次

    本篇的亮点是利用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

    相关文章

      网友评论

        本文标题:arcgis api for js实现克里金插值渲染图--不依赖

        本文链接:https://www.haomeiwen.com/subject/ewibixtx.html