修改于2021/1/10
通用的方式是基于Java + Geotools + wContour在服务端处理数据，适用业务如下：
服务器端负责上色、出图，前端负责叠加图片展示。气象数据需要通过鼠标坐标值在服务器端获取或者通过图片像素点颜色与颜色表映射得到。缺点是不利于客户端颜色表动态设置与数据过滤。
服务器端负责生成灰度图，前端根据颜色表上色，鼠标移动可通过灰度值直接读取气象数据。方便客户端颜色表动态设置与数据过滤。
服务器端负责生成GeoJSON格式数据，前端生成对应的几何图形，并根据颜色表进行颜色渲染，可通过矢量数据的属性获取气象数据。方便客户端颜色表动态设置与数据过滤。
通用的方式是前端插值处理数据，生成网格数据，再进行等值线或等值面的生成，适用业务如下：
完全使用turf.js内置函数通过离散点插值、等值面绘制、裁剪，生成矢量数据然后绘制数据。实现简便且显示效果好，但存在以下问题：
使用kriging.js内置的函数，离散点生成网格数据然后网格渲染。实现简便且插值效果好，但性能上存在问题：
结合turf.js和kriging.js两者的优点，提升交互性能、插值效果和显示效果。具体实现步骤如下：
原文：https://www.cnblogs.com/hustshu/p/14766826.html