这里先实现canvas渲染插值效果

作者:求生之路2地图

这里先实现canvas渲染插值效果。这里先实现canvas渲染插值效果。这里先实现canvas渲染插值效果。本篇的优点是使用kriging.js结合arcgis api for js,完结克里金插值渲染图,截图如下:

图片 1

具体落到实处的思路如下:

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就能够

本文由美高梅游戏官网娱乐发布,转载请注明来源

关键词: