基于Cesium绘制网页热力图

绘制所需资料

定义绘制参数：

参数	说明
半径值(radius)	热力图中每一个点的半径
最大透明度(maxOpacity)	热力图中每一个点可以拥有的最大透明度
最小透明度(minOpacity)	热力图中每一个点可以拥有的最小透明度
最大值(max)	热力图中每一个点可以拥有的最大值(超出这个值则和这个值相等)
最小值(min)	热力图中每一个点可以拥有的最小值(低于这个值则忽略改点)

如何绘制

使用热力图插件 heatmap.js：

1. heatmap中首先会根据输入的渐进色参数，在内部生成一个0-255色值的调色板。
2. 对于输入的点数据，会根据点坐标生成一个黑色圆阴影效果。
3. 像素点重新着色：根据每个点的alpha值*4（rgba步长）得出一个offset，然后从调色板上取颜色。此前设置了阴影透明度效果递减，所以在获取颜色时，能获得一个平滑的渐变效果。这样就得到了热力图。

基于Cesium的绘制

1. 根据输入点的坐标范围计算包围盒，创建rectangle geometry。
2. 通过heatmap.js生成热力图，作为纹理贴到rectangle上。
3. 在每一层级设置不同的radius，相当于在相机缩放时每一级都会生成一张热力图。
4. 更换纹理，实现缩放时的聚合离散效果。