Cesium 學習筆記

2022-04-22 05:51:24 字數 1485 閱讀 5181

1,預設使用 bing 衛星圖層

2,在cesium中,homebutton的預設跳轉位置是美國,那麼在開發中我們如何更改這個預設跳轉位置呢,這就要更改一下源**了:

camera.default_view_rectangle = rectangle.fromdegrees(89.5, 20.4, 110.4, 61.2);    //homebutton預設跳轉位置

此**位置cesium.js中大約十四萬一千五百行左右,更改 camera的 camera.default_view_rectangle 屬性即可。

3,camera

三個引數:

roll  是圍繞 x 軸旋轉;

pitch 是圍繞 y 軸旋轉;

heading 是圍繞 z 軸旋轉 

heading/pitch/roll 的單位是弧度。heading是當前方向 由北向東旋轉的角度。pitch 是方向和水平平面的夾角。pitch為正 表示方向向量指向水平平面上方,反之表示方向向量指向平面下方。roll 是方向向量以正東方向為軸的旋轉角度。

cesium 提供了三種方式可以對 camera 進行操作:setview,flyto,lookat

4, cesium.rectangle.fromdegrees(west, south, east, north, result)   得到的是限定了邊界經緯度的矩形

5,css檔案引入方式有兩種:1,link 標籤;2,@import 

@import 語法有兩種:

@import "style.css";

@import url("style.css");

import 規則一定要先於除了 @charset 的其他任何 css 規則。

6, 點位資料的載入

cesium 支援流行的向量格式 geojson 和 kml ,以及 czml

所有空間向量資料在 cesium 裡都是使用 entity 相關 api 去展示的。 entity api 使用了靈活高效的視覺化渲染方式。 entity 是一種對幾何圖形做空間和時間展示的資料物件。

示例**:

var kmloptions = ;

// 從這個kml的url裡載入poi點位

var geocachepromise = cesium.kmldatasource.load('./source/sampledata/samplegeocachelocations.kml', kmloptions);

geocachepromise.then(function(datasource) );

這些新加入到場景的 entity 預設有很多功能。單擊它們會在 infobox 顯示屬性,雙擊它相機轉換為居中觀察模式(look at),使用 home 按鈕或者 infobox 旁邊的相機按鈕可以停止這種模式。  

7,相機模式

Cesium 學習筆記

1,和fill屬性不太一樣,outline沒有對應的材質配置,而是用兩個獨立的屬性outlinecolor和outlinewidth。注意outlinewidth屬性僅僅在非windows系統上有效,比如android,ios,linux,和os x。windows系統上邊線寬度永遠為1。主要是因為...

cesium 學習筆記(4)2018 7 9

1.監聽視角的改變 viewer.camera.changed.addeventlistener function percentage 2.cesium提供兩類api 1 面向圖形開發人員的底層api,通常稱為 primitive api 該api暴露最小限度的抽象,使用圖形學術語,具有很大的靈活...

cesium 學習筆記(5)2018 11 08

1.預設檢視設定 viewer.zoomto viewer.entities 2.繪製形狀 立方體 box 點 point 橢圓ellipse 3.繪製橢圓柱體發現的問題 第乙個position的高度為水平高度,semiminoraxis等為長短軸,height為水平高度,設定了height前邊的p...