Cesium 三维热力图

要用cesium做个三维热力图的效果，但在网上没找到现成的方案，摸索了很久，最终的实现思路如下：

1、通过heatmapjs库生成二维热力图，拿到canvas；

2、canvas的rgb像素值转hsl，将h分量作为该像素点的高度值的参考（即越红高度越高）；

3、将整个canvas划分，获取每个顶点的坐标值（经纬度+通过2中得到的高度）；

4、通过3中的坐标创建三角网，参考：

cesium 绘制自定义geometry、三角面_liuqing0.0的博客-CSDN博客_cesium geometry

主要需要处理position的values、st的values、和indices这三个属性的值。

我的思路是求出每个像素块的四个顶点的经纬度坐标，高度为周围的像素的h分量值的平均值；

每个像素块绘制两个三角形，如：左下--左上--右上 + 右上--左下--右下，当然顺序可以自己定义，只要保持每个三角形的起点与上一个三角形的终点连续就行；

5、将二维热力图作为三角网的材质贴图，并将三角网添加进场景；

贴图参考：

Cesium学习笔记-工具篇20-PrimitiveTexture自定义渲染-贴图【转】 | PNG