Cesium專欄-熱力圖(附源碼下載)


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小專欄

文章提供源碼,對本專欄感興趣的話,可以關注一波


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM