前言
原来heatmap.js里的都是二维热力图。三维热力图,有位大哥自研成功的;自研,当然要收费了啦!
算了,我也先自研下,实在不行找大哥。
CesiumHeatmap二维(2D)热力图开始
github里明确提到,只能script引入,Ok,那么我们就搜索得到
找到script那里,然后,我们需要在自己的vue3页面贴上相关路径代码,注意,别贴到<template>里,
截图!
一个vue3文件 is a single page.
写得很清楚了,另起一个<script >标签组,路径不出错,那就没事儿了
之后,就能运行了
效果截图
我再看看,三维了个咋,一点效果都没有,啥情况啊?!老铁
吐槽:
学渣csdn,文件下载老是要收钱,估计下载下来,也不是什么好货,也是一堆垃圾,估计代码注释都捉急。LJ,LJ,LJ,像极了垃圾堆里的东西。
立体(3D)热力图
立体热力图事实上是对上面热力图功能的改造。
只不过 CesiumHeatmap 是将 heatmap.js 生成的热力图直接贴在地球上。
而立体热力图是生成一个顶点足够密集的面,再根据热力图上的颜色信息拉伸顶点罢了