leaftjs+turfjs+idw纯前端实现等值面绘图

最近有个绘制等值面图的需求。我们一般的实现路径是:

1.后台绘图,用surfer绘制好,给前端调用叠加到地图。

2.后台用python绘图,绘制好给前端调用,叠加到地图。

3.后台进行插值计算、地图裁剪、最终生成geojson文件或kml给地图,前端做叠加操作。

4.数据查出来全扔给前端利用canvas绘等值面图,叠加到地图。

5.前端用turf绘制等值面。

6.直接后端计算好发布图层服务,或者直接将等值面图做成瓦片服务。

目前从效果来看,6效果最好,但实现难度较大;1和2绘制完成后前端叠加地图不能完全重合,可能也更坐标系有关,放大后锯齿感明显;3是比较兼顾的做法,4在前端做克里金或idw简直要命,感觉电脑都能跑报废了。下面是idw插值0.5度的效果。勉强3s以内可以出来。要做10*10公里基本就卡死了。

下面说一下实现步骤:

1.获取数据

2.清洗成格点数据。

3.进行插值计算、参数训练

4.等值面绘制

5.获取边界数据

6.进行边界裁剪

7.进行地图叠加

相关推荐

  1. 茄子科技前端实习

    2024-04-26 02:04:03       45 阅读
  2. 前端导出Excel

    2024-04-26 02:04:03       45 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-26 02:04:03       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-26 02:04:03       106 阅读
  3. 在Django里面运行非项目文件

    2024-04-26 02:04:03       87 阅读
  4. Python语言-面向对象

    2024-04-26 02:04:03       96 阅读

热门阅读

  1. 人工智能对软件测试的影响

    2024-04-26 02:04:03       33 阅读
  2. n行m列的矩形

    2024-04-26 02:04:03       33 阅读
  3. 【QEMU系统分析之启动篇(十七)】

    2024-04-26 02:04:03       35 阅读
  4. 单例模式可以被破坏

    2024-04-26 02:04:03       65 阅读
  5. Quick Review for Mysql

    2024-04-26 02:04:03       24 阅读
  6. 3D抓取算法的网络结构原理及作用

    2024-04-26 02:04:03       31 阅读
  7. 华为OD-C卷-开源项目热榜[100分]Python3-100%

    2024-04-26 02:04:03       26 阅读
  8. 手写一个民用Tomcat (06)

    2024-04-26 02:04:03       29 阅读