Ba5d7042a7551c3e6b6ff837cd36323a
leaflet 实现克里金插值功能(附源码下载)

前言

leaflet 入门开发系列环境知识点了解:

内容概览

leaflet 实现克里金插值功能
源代码 demo 下载

本篇 demo 利用 leaflet api 结合 kriging 实现克里金插值功能,效果图如下:

实现思路
kriging 渲染空间插值在容器 canvas,然后 canvas 容器以图片图层形式叠加在 leaflet 地图上

  • 读取插值数据源,初始化渲染克里金插值
    ```
    function loadkriging() {
    var canvas = document.getElementById("canvasMap");
    canvas.width = 1000;
    canvas.height = 1000;
    var n = points.length;
    var t = [];
    var x = [];
    var y = [];
    for (var i = 0; i < n; i++) {
    t.push(points[i].attributes.TN_);
    x.push(points[i].geometry.x);
top Created with Sketch.