cesium默认底部有仪表盘样式的播放按钮，长长的时间轴，以及一个全屏按钮，但是我并不需要它们，那么怎么隐藏底部的播放按钮 时间轴和全屏按钮呢？

播放按钮

左下角的按钮是animation动画播放组件，所以我们只需要通过设置animation就可以了，
设置为false以后就不显示了。

  var viewer = new Cesium.Viewer('cesiumBody', {
    // 隐藏左下角的仪表盘播放动画按钮
    animation: false
  })

时间轴

底部的时间轴，通过拖动时间轴，我们可以看到星空在移动，如果我们不需要时间轴的话，我们可以通过timeline来进行隐藏。

var viewer = new Cesium.Viewer('cesiumBody', {
    // 隐藏底部时间轴
    timeline: false,
  })

全屏按钮

在右下角还有一个全屏按钮，通过他来切换全屏与否，如果我们不需要它的话，我们可以通过fullscreenButton进行控制

var viewer = new Cesium.Viewer('cesiumBody', {
    // 是否显示全屏按钮
    fullscreenButton:false
  })

底部全部隐藏

如果底部的时间轴 动画播放按钮 全屏按钮我们都不需要的话，可以通过下面的命令一次性解决。

var viewer = new Cesium.Viewer('cesiumBody', {
    // 是否显示信息窗口
    infoBox: false,
    // 隐藏左下角的仪表盘
    animation: false,
    // 隐藏底部时间轴
    timeline: false,
    // 是否显示全屏按钮
    fullscreenButton:false
  })

隐藏了底部按钮，我们可能也需要隐藏右上角的按钮们。

当前内容为观看threejs视频课程 Three.js可视化企业实战WEBGL课 课程-Cesium基础设置-学习笔记

笔记汇总

Cesium学习笔记汇总