F9ae7c6cb22d2ad5027fda15c1d3ff81
Cesium专栏-温度、降水色斑图、等值线图

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" },
{ min: 2, max: 4, color: "#23b7ff" },
{ min: 4, max: 6, color: "#0177b4" },

top Created with Sketch.