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

Cesium


Cesium 是一款面向三維地球和地圖的,世界級的JavaScript開源產品。它提供了基於JavaScript語言的開發包,方便用戶快速搭建一款零插件的虛擬地球Web應用,並在性能,精度,渲染質量以及多平臺,易用性上都有高質量的保證。ide

熱力圖,從地理學角度看,是一種展現某種現象彙集程度的方法。熱力圖是地理位置可視化的一種表現方式,可以使得比平均發生機率更高的區域可以浮現出來,例如高犯罪區、高交通事故區、高倉庫區域。百度搜索「熱力圖」,能看到大量熱力圖的實例。
性能


Cesium中的效果圖
google

具體作法

Cesium中也是基於heatmap.js這個最基礎的庫,而後再此基礎上,進行拓展。不過在這個基礎上,咱們使用的是 Cesium Heatmap Library,也就是專門爲Cesium拓展的熱力圖庫,大大方便了咱們的工做。url

一、引用js庫spa

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

二、建立地球插件

  • 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}'
  • })
  • });

三、指定熱力圖區域範圍code

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

四、建立heatmap對象對象

更多詳情見小專欄此文章GIS之家cesium小專欄blog

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

相關文章
相關標籤/搜索