cesiumjs開發實踐(二) Viewer控件

viewer控件是cesiumjs中最經常使用的控件，它提供了基本的虛擬地球顯示和衆多的控制選項。

以下代碼建立了一個默認的viewer:

var viewer = new Cesium.Viewer('cesiumContainer');//cesiumContainer是一個頁面中的一個div

效果以下：

     咱們看到一個虛擬地球在中央，默認使用Bing衛星圖層，右上角的button依次爲地名查找（依賴google服務）、重置到初始焦點與縮放（能夠拖動縮放後點擊該按鈕便可復位）、地圖圖層投影方式（3D、2D、Columbus）、地圖圖層選擇（包括image和terrain）、簡要幫助。

                          2D投影

                    Columbus投影

                     覆蓋圖層變爲OpenStreetMap

     窗口下部爲動畫控制和時間線，用來展現動態內容時用於控制快慢和倒正回放。

     全部這些小部件都可以被顯示或隱藏。以下代碼：

var viewer = new Cesium.Viewer('cesiumContainer',{

animation:false, //動畫控制不顯示

baseLayerPicker:true,//圖層控制顯示

geocoder:false,//地名查找不顯示

timeline:false,//時間線不顯示

sceneModePicker:true//投影方式顯示

});

將顯示以下效果：

以上效果能夠在cesium的Sandcastle應用裏面左邊修改代碼，右邊即時運行（經過Run按鈕或F8鍵）

那麼viewer究竟有多少選項可供定製呢？這就須要查詢API文檔，咱們在第一篇中build好的目錄下Documentation目錄，也可查詢官方最新在線文檔http://cesiumjs.org/Cesium/Build/Documentation/Viewer.html

本篇到此結束。下一篇《cesiumjs開發實踐(三) 地圖圖層介紹》