Cesium
Cesium 是一款面向三維地球和地圖的,世界級的JavaScript開源產品。它提供了基於JavaScript語言的開發包,方便用戶快速搭建一款零插件的虛擬地球Web應用,並在性能,精度,渲染質量以及多平台,易用性上都有高質量的保證。
關於繞點飛行
繞點飛行是三維場景中一種非常普通的動畫效果,當場景中有某種業務邏輯,聚焦到了某一個中心點(地物或者建築)時,需要圍繞其中心點進行旋轉瀏覽,在一些電影中,也會有這樣的場景,無人機在高空,盤旋飛行,360度無死角的飛行展示。
效果圖
Cesium中的繞點飛行
在cesium中,做繞點飛行的效果還是比較簡單的,主要核心就是設置一個中心點,然后不停的改變相機的朝向即可。
1、創建/選擇一個中心點(我們創建一個點來模擬)
-
var entity = viewer.entities.add({
-
position: Cesium.Cartesian3.fromDegrees( 114, 30),
-
point: {
-
color: Cesium.Color.RED,
-
pixelSize: 10
-
}
-
});
2、聚焦該中心點,使用viewer的zoomTo方法
-
viewer.zoomTo(entity);
3、模擬繞點飛行
重點在於處理zoomTo方法的offset參數
更多詳情見小專欄此文章:GIS之家cesium小專欄
文章提供源碼,對本專欄感興趣的話,可以關注一波