cesium 百度地图_Cesium专栏-热力图(附源码下载)

69c5b14b4cf03b330350a3a069d77a70.png

Cesium

Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性上都有高质量的保证。

热力图,从地理学角度看,是一种展示某种现象聚集程度的方法。热力图是地理位置可视化的一种表现方式,能够使得比平均发生概率更高的区域能够浮现出来,例如高犯罪区、高交通事故区、高仓库区域。百度搜索“热力图”,能看到大量热力图的实例。

62afcb6acc000a0fcf7680d6434c4fb0.png

1f5f367e88334c9a289a1cdf8b7ebf0a.png

Cesium中的效果图

85daf1259f9a7f51fcfe0a74554ca375.png

具体做法

Cesium中也是基于heatmap.js这个最基础的库,然后再此基础上,进行拓展。不过在这个基础上,我们使用的是 Cesium Heatmap Library,也就是专门为Cesium拓展的热力图库,大大方便了我们的工作。

1、引用js库

<script src="./CesiumHeatmap.js"></script> 

2、创建地球

var viewer = new Cesium.Viewer('cesiumContainer', { 
 imageryProvider: new Cesium.UrlTemplateImageryProvider({ 
 url: 'http://www.google.cn/maps/vt?lyrs=s@716&x={x}&y={y}&z={z}' 
    }) 
}); 

3、指定热力图区域范围

var bounds = { 
 west: 147.13833844, 
 east: 147.13856899, 
 south: -41.43606916, 
 north: -41.43582929 
}; 

4、创建heatmap对象

完整demo源码见小专栏文章尾部

Cesium专栏-热力图(附源码下载) - 小专栏​xiaozhuanlan.com
3416cba5c0d701ef2630e94add93c8ec.png

文章尾部提供源代码下载,对本专栏感兴趣的话,可以关注一波

GIS之家店铺:GIS之家
GIS之家源码咨询:GIS之家webgis入门开发系列demo源代码咨询

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值