Cesium 是一款面向三维地球和地图的，世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包，方便用户快速搭建一款零插件的虚拟地球Web应用，并在性能，精度，渲染质量以及多平台，易用性上都有高质量的保证。

注注注：文章所属方案为栅格、矢量二个完整的方案，仅提供思路以及最终的示例效果图，因需要根据数据的差异性定制化参数，而且不能保证最终数据成果的准确性，所以代码暂不提供，公司以及企业用户如有需求，请联系作者定制需求，个人用户建议自己研究探索(单篇请不要购买了)。

关于色斑图

色斑图以及后续文章等值线图，都是一种气象要素(温度、降水)以及控制质量等的表现形式。本篇文章，我们借助开源插值工具kriging.js来讲解如何制作色斑图。

在之前的文章 Cesium专栏-克里金插值，中讲解了如何用kriging.js来做插值，插值是一个全局范围内的插值，但是色斑图类似于GIS中的专题图，所以，我们必须在kriging.js的基础上，进行源码修改，自定义色带，已经自定义绘制网格色值。

效果图(逐小时降水|温度)注:测试数据

具体做法

1、定义色带(参考中国天气网的分带标准)

```

// 气温

{ min: -50, max: -45, color: "#2e0057" },

{ min: -45, max: -40, color: "#4a008b" },

{ min: -40, max: -35, color: "#0d0b66" },

...

//逐小时降水

{ min: 0, max: 2, color: "#7fffff" },