Cesium專欄-繞點飛行效果(附源碼下載)


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

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


免責聲明!

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



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