Cesium学习笔记(4)

169 阅读1分钟

Viewer的使用

Viewer是Cesium的查看器,它能够控制Cesium自带控件的显示。它有两个参数,一个是divid(承载Cesium的div容器的id值),另一个是options(设置控件的显示)

使用实例

var viewer=new Cesium.Viewer('divid',{
    //控制搜索框的显示
    geocoder:false//控制home按钮的显示
    homeButton:false,
    //控制显示模式按钮的显示
    sceneModePicker:false,
    //控制图层选择器的显示
    baseLayerPicker:false,
    //控制帮助按钮的显示
    navigationHelpButton:false,
    //控制动画播放器的显示
    animation:false,
    //控制时间轴的显示
    timeline:false,
    //控制全屏按钮的显示
    fullscreenButton:false
})

geocoder 控制搜索框的显示。可以在搜索框中输入地区名,相机会自动定位到该地区。

image.png

homeButton 控制home按钮的显示。点击home按钮会回到相机的初始视角

image.png

sceneModePicker 控制模式按钮的显示。

image.png

这个按钮可以将地球的显示模式设置为3D、2D和Columbus 模式

3D

image.png

2D

image.png

Columbus

image.png

baseLayerPicker 控制图层选择器的显示

image.png

这个控件可以选择不同的图层作为地球底图。

image.png

navigationHelpButton 控制帮助按钮的显示

image.png

animation 控制动画播放器的显示

image.png

这个控件可以控制动画的速度(时间的快慢),以及动画的启动与暂停。

timeline 控制时间轴的显示

image.png

拖动这个控件的浮标可以控制viewer的所处时间。

fullscreenButton 控制全屏按钮的显示。

image.png