等值线图以及色斑图的实现方式总结

更新于2021年1月10日

索引

• 1、服务器运行模式
  • • 主题地图生成
    • 灰度图像生成
    • GeoJSON格式输出

  • 2、客户端运行模式

  • • 借助Turf.js进行生成
    • 借助kriging.js进行生成
    • 融合Turf.js与kriging.js进行生成

1、服务器模式架构设计

常规的实现方式是依托Java技术框架，结合Geotools与wContour工具，在服务端完成数据处理任务，适用于以下业务场景：

1. 对大范围且高密度的空间数据进行插值分析
2. 在服务器端可配置定时任务，按照流水线方式对原始数据进行处理，最终生成目标数据，如图片或GeoJSON格式的数据

专题图输出

服务器端承担着色彩渲染与图像生成的任务，而前端则专注于图像的叠加与展示。气象数据的获取方式有两种：一种是通过鼠标坐标值在服务器端进行提取，另一种则是依据图片像素点的颜色与预设颜色表进行映射分析。然而，这种方式存在一定的局限性，难以实现客户端对颜色表的实时调整以及数据的灵活筛选。