2 Star 24 Fork 9

mapgl.com / cesiumExp-heatmap3d

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

Cesium气泡窗插件

在线体验

gitee:https://gitee.com/caozl1132/cesiumExp-heatmap3d
github:https://github.com/gitgitczl/cesiumExp-heatmap3d


ps:如果可以的话,希望大家能给我个star,好让我有更新下去的动力;


实现原理: 核心是使用了heatmap.js这个库,这个库生成的热力图是用canvas绘制的,那么在Cesium中,我们只要将canvas转图片,当初材质贴到我们的对象上就行。因为要做3d热力图,所以要采用geometry自己构建了顶点着色器,然后材质和二维热力图一样,还是使用了材质贴图。 三维热力图与二维热力图的唯一区别在于使用顶点坐标与顶点缓冲区的构建,注意在构建顶点缓冲区时,边界要单独处理。此案例中,我对于边缘部分的计算还有瑕疵。 调用方法:

new Heatmap3d(viewer, {
        list: list,
        raduis: 15,
        baseHeight: 800,
        primitiveType: "TRNGLE",
        gradient: {
            ".3": "blue",
            ".5": "green",
            ".7": "yellow",
            ".95": "red"
        }
    })

支持原heatmap.js的参数传参,具体可见src/js/heatmap.js类,并且primitiveType支持了两种类型,TRANGLE(面)以及LINES(网格)

其它:
qq群:606645466(GIS之家共享交流群)

更多案例地址    更多免费数据    开发文档说明

其它源码下载(标绘、量算、动态材质、漫游、地图分析等)

空文件

简介

3d热力图 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/caozl1132/cesiumExp-heatmap3d.git
git@gitee.com:caozl1132/cesiumExp-heatmap3d.git
caozl1132
cesiumExp-heatmap3d
cesiumExp-heatmap3d
main

搜索帮助