對于熱力圖，在我們的GIS業務中經常用到，二維的leaflet、openlayers都有成熟的案例，對于Cesium，在進行熱力圖功能研發的時候發現前輩造好的輪子，由于剛處在Cesium學習階段，對于我們初學者非常友好了，CesiumHeatmap的Git下載地址
1、下載文件并引入到我們的項目中
<script type="text/javascript" src="js/CesiumHeatmap.js"></script>
2、指定熱力圖邊界
var bounds = {
?? ??? ?west: 117.177745,
?? ??? ?east: 117.255632,
?? ??? ?south: 36.809761,
?? ??? ?north: 36.894157
?? ? ? ?};
3、創建熱力圖對象
var heatMap = CesiumHeatmap.create(
?? ??? ?viewer,
?? ??? ?bounds,
?? ?);
4、讀取數據并加載熱力圖到viewer中
$.ajax({
?? ??? ?url: "data/heatmap.json", //json數據地址
?? ??? ?type: "GET",?
?? ??? ?dataType: "json",?
?? ??? ?success: function(data) {
?? ??? ??? ? ? var valueMin = 50; //最小熱力值
?? ??? ??? ? ? var valueMax = 100; //最大熱力值
?? ??? ??? ? ? heatMap.setWGS84Data(valueMin, valueMax, data);
?? ??? ?}
?? ?})
在引入json文件時，此處用比較原始的ajax方法讀取，在vue中直接import from即可。

完整源代碼下載鏈接?

總結

以上是生活随笔為你收集整理的Cesium实现热力图(含源代码)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。