cesium热力图（cesiumheatmap.js）

最新推荐文章于 2024-04-29 01:03:33 发布

山野里的小菊花

最新推荐文章于 2024-04-29 01:03:33 发布

阅读量1.5w

点赞数 7

分类专栏： cesium cesium热力图文章标签： cesium heatmap cesiumheatmap

本文链接：https://blog.csdn.net/liuxin00020/article/details/80844770

版权

无意中看到有个大神写了一个cesiumheatmap.js，顾名思义，就是在cesium框架中实现热力图

原理是创建矩形，用heatmap.js生成一个canvas，再将canvas贴到矩形中

这位大神将热力图的canvas大小通过传入的矩形坐标生成，将传入的数据也通过3D地图坐标处理成浏览器正常盒子的x,y坐标

可通过下载cesiumheatmap.js，引入到页面，再行使用

1、准备一个3D地图视图，并初始化一个矩形坐标json

var viewer = new Cesium.Viewer("viewer");
// 矩形坐标
var bounds = {
    west: -109.0, south: 30.0, east: -80.0, north: 50.0
};

2、初始化cesiumheatmap对象，传入相应的参数

// 初始化CesiumHeatmap
var

关注