kriging.js 可以百度下载
1、将canvas利用方法转换成img图片
2、通过arcgis js 图片图层方法,将img图片转换成图片图层
3、设置图片图层参数(范围,坐标系)
4、加载至地图
备注:
1、最多只能加载500个点位信息,超过会造成内存溢出
2、canvas大小,kriging像素大小(width),对最后实现效果有影响
3、过小得像素点会导致浏览器卡死
4、点位之间跨度过大会造成结果图撕裂效果
代码:
//canvas 转 img
var img = convertCanvasToImage(canvas);
function convertCanvasToImage(canvas) {
var image = new Image();
image.src = canvas.toDataURL("image/jpg");
console.log(image.width, image.height);
return image.src;
}
//生成map图片
var mapimage = new esri.layers.MapImage(
{
extent: { 'xmin': xmin, 'ymin': ymin, 'xmax': xmax, 'ymax': ymax, 'spatialReference':{ 'wkid':4326 } },
href: img
}
);
//map图片添加至图层
var imglayer = new esri.layers.MapImageLayer();
imglayer.addImage(mapimage)
map.addLayer(imglayer);
map.setExtent(mapimage.extent);