cesium热力图(cesiumheatmap.js)

在这里插入图片描述
npm i cesium-heatmap
https://blog.csdn.net/liuxin00020/article/details/80844770
var viewer = new Cesium.Viewer(“viewer”);
// 矩形坐标
var bounds = {
west: -109.0, south: 30.0, east: -80.0, north: 50.0
};

// 初始化CesiumHeatmap
var heatMap = CesiumHeatmap.create(
viewer, // 视图层
bounds, // 矩形坐标
{ // heatmap相应参数
backgroundColor: “rgba(0,0,0,0)”,
radius: 50,
maxOpacity: .5,
minOpacity: 0,
blur: .75
}
);

// 添加数据 最小值,最大值,数据集
heatMap.setWGS84Data(0, 100, getData(300));
viewer.zoomTo(viewer.entities);

// 动态数据 [{x: -97.6433525165054, y: 45.61443064377248, value: 11.409122369106317}]
function getData(length) {
var data = [];
for (var i = 0; i < length; i++) {
var x = Math.random() * (-109 + 80) - 80;
var y = Math.random() * (50 - 30) + 30;
var value = Math.random() * 100;
data.push({x: x, y: y, value: value});
}
return data;
}

和之前遇到的加载shp的问题一样,就是放在SandCastle中无法正常的运行,提示出错。但放到APP中的Helloworld中就可以正常运行了,效果不错。

Hello World!
QQ:254949713 QQ群1:大奇软件www.nasagis.com 289388350 QQ群2:大奇软件www.nasagis.com 116355287 QQ群3:大奇软件www.nasagis.com 139019602
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值