实现原理
通过 heatmap.js 生成热力图,然后通过图片的方式贴到 cesium 中
实现效果
开发背景
- 使用 vue 前端框架
库文件引入
const h337 = require('heatmap.js');
新加一个 div 容器
<div class="heatmap" v-show="false"></div>
创建热力图
var heatmapInstance = h337.create({
container: this.$el,
});
var data = {
max: max,
data: points,
};
heatmapInstance.setData(data);