cesium 學習筆記(1)2018.5.25
阿新 • • 發佈:2018-11-09
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)
});