CesiumJS 旋轉entity物件的方式

2021-10-01 17:14:53 字數 715 閱讀 8681

最近用cesium做的一些效果,載入的entity物件,希望通過滑鼠操作,或者資訊輸入,實現位置移動以及圍繞中心位置的旋轉。網上搜了很多案例,沒有解決這個問題。今天偶然解決了,把解決辦法梳理如下。

viewer.entities.add({

id: 'blue rectangle, zindex 3',

rectangle: {

coordinates: cesium.rectangle.fromdegrees(111.8665, 40.9382, 111.8675, 40.9387),

material: element,

zindex: 3,

rotation: cesium.math.toradians(180),

strotation: cesium.math.toradians(180)

位置旋轉主要看這兩個屬性

rotation: cesium.math.toradians(180),   //    整體旋轉entity的角度,圍繞中心點

strotation: cesium.math.toradians(180)      // 旋轉entity上的材質資訊

如果entity幾何形狀和材質資訊需要一起旋轉,需要一起呼叫才能保持同步。

如果需要支援滑鼠移動entity物件,這個鏈結實現的很好,可以參考

Cesiumjs 座標轉換

1 世界座標 cartesian3 笛卡爾空間直角座標系 平時我們常見的某個點的經緯度就是在wgs84座標系下某個點的座標,它的座標原點在橢球的質心 而笛卡爾座標系主要是用來做空間位置的變化如平移 旋轉和縮放等等,它的座標原點在橢球的中心。初始化let cartesian new cesium.ca...

cesiumjs開發實踐 四

摘要 cesiumjs中的地形系統是一種由流式瓦片資料生成地形mesh的技術。cesiumjs中的地形系統是一種由流式瓦片資料生成地形的技術。新增地形將視角放平時 地形顯示wireframe cesiumjs支援兩種型別的地形,stk world terrain和 small terrain。stk...

cesiumjs開發實踐 七

摘要 cesium中支援載入3d模型,不過只支援gltf格式。cesium中支援載入3d模型,不過只支援gltf格式。gltf是khronos組織 起草opengl標準的那家 定義的一種交換格式,用於網際網路或移動裝置上展現3d內容,充分支援opengl,webgl,opengles圖形加速標準。g...