CesiumHeatmap的script引入法

前言

原来heatmap.js里的都是二维热力图。三维热力图,有位大哥自研成功的;自研,当然要收费了啦!

算了,我也先自研下,实在不行找大哥。

CesiumHeatmap二维(2D)热力图开始


GitHub - danwild/CesiumHeatmap: A library to add heatmaps (using heatmap.js) to the Cesium framework.

github里明确提到,只能script引入,Ok,那么我们就搜索得到

vue3.0引入js文件-掘金

找到script那里,然后,我们需要在自己的vue3页面贴上相关路径代码,注意,别贴到<template>里,

截图!

一个vue3文件 is a single page.

写得很清楚了,另起一个<script >标签组,路径不出错,那就没事儿了

之后,就能运行了

效果截图

我再看看,三维了个咋,一点效果都没有,啥情况啊?!老铁

吐槽:

学渣csdn,文件下载老是要收钱,估计下载下来,也不是什么好货,也是一堆垃圾,估计代码注释都捉急。LJ,LJ,LJ,像极了垃圾堆里的东西。

立体(3D)热力图

立体热力图事实上是对上面热力图功能的改造。

只不过 CesiumHeatmap 是将 heatmap.js 生成的热力图直接贴在地球上。

而立体热力图是生成一个顶点足够密集的面,再根据热力图上的颜色信息拉伸顶点罢了

Cesium中实现立体热力图_基于cesium1.94版本,开发一个立体热力图_Allen.l的博客-CSDN博客

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值