1. 程式人生 > >cesium 學習筆記(1)2018.5.25

cesium 學習筆記(1)2018.5.25

Cesium是一個基於JavaScript的開源框架,可用於在瀏覽器中繪製3D的地球,並在其上繪製地圖(支援多種格式的瓦片服務),該框架不需要任何外掛支援,但是瀏覽器必須支援WebGL。

1、使用的時候得引入一個特殊的css,否則樣式出不來
<link rel="stylesheet" type="text/css" href="Cesium-1.7.1/Build/CesiumUnminified/Widgets/widgets.css"></link>
2、要有個容器,起一個id
<div id="cesiumContainer"></div>  
3、使用開頭 n個變數需要選擇true和false,參考:

(1)點選開啟連結

(2)點選開啟連結(帶圖例)

4、有陽光陰影效果
viewer.scene.globe.enableLighting = true;  
5、加快時鐘執行 (沒有執行成功 不知原因)
viewer.clock.multiplier = 0.1 * 60 * 60;  

後來把動畫設定為true後 可以運行了  但這段程式碼不知道有啥影響 想執行快拉動加快指標就行啊。。

6、動畫飛行到指定位置
viewer.scene.camera.flyTo( {  
        destination : Cesium.Cartesian3.fromDegrees( 116, 15, 6000000 ),  //經緯高
        orientation : {  //角度 不設定的話為正上方
            heading : Cesium.Math.toRadians( -15 ),  
            pitch : Cesium.Math.toRadians( -65 ),  
            roll : Cesium.Math.toRadians( 0 )  
        },  
        duration : 3,//動畫持續時間  
        complete : function()//飛行完畢後執行的動作  
        {  
            //addEntities();  //有錯誤的話地球不會被拉動
        }  
    } );  
7、設定初始視角
 viewer.camera.setView({
                destination: Cesium.Cartesian3.fromDegrees(109.36468, 32.83555, 10000000.0)
            });