Cesium
Cesium 是一款面向三維地球和地圖的,世界級的JavaScript開源產品。它提供了基於JavaScript語言的開發包,方便用戶快速搭建一款零插件的虛擬地球Web應用,並在性能,精度,渲染質量以及多平台,易用性上都有高質量的保證。
熱力圖,從地理學角度看,是一種展示某種現象聚集程度的方法。熱力圖是地理位置可視化的一種表現方式,能夠使得比平均發生概率更高的區域能夠浮現出來,例如高犯罪區、高交通事故區、高倉庫區域。百度搜索“熱力圖”,能看到大量熱力圖的實例。
Cesium中的效果圖
具體做法
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對象
更多詳情見小專欄此文章:GIS之家cesium小專欄
文章提供源碼,對本專欄感興趣的話,可以關注一波