如何在Cesium中隐藏全部UI元素以获取纯净界面？

1. 初始化Viewer时禁用所有内置控件 #

直接在创建Viewer实例时通过配置项关闭所有默认UI组件，这是最直接的方式：

const viewer = new Cesium.Viewer('cesiumContainer', {
  animation: false,          // 关闭动画控件
  baseLayerPicker: false,    // 关闭底图选择器
  fullscreenButton: false,   // 关闭全屏按钮
  geocoder: false,           // 关闭地理编码搜索框
  homeButton: false,         // 关闭主页按钮
  infoBox: false,            // 关闭信息弹窗
  sceneModePicker: false,    // 关闭场景模式切换器
  selectionIndicator: false, // 关闭选择指示器
  timeline: false,           // 关闭时间轴
  navigationHelpButton: false,// 关闭导航帮助按钮
  navigationInstructionsInitiallyVisible: false, // 隐藏导航说明
  shouldAnimate: false       // 禁止自动动画播放
});

2. 移除Logo和版权信息 #

Cesium默认会显示logo和版权栏，需要手动移除：

// 移除版权容器
viewer._cesiumWidget._creditContainer.remove();

3. CSS兜底隐藏残留元素 #

如果还有漏网的UI元素，用CSS强制隐藏所有Cesium相关的UI容器：

/* 隐藏所有Cesium UI组件容器 */
.cesium-viewer-toolbar,
.cesium-viewer-bottom,
.cesium-viewer-navigationContainer,
.cesium-widget-credits {
    display: none !important;
}

4. 可选：关闭天空盒/大气层（极致纯净场景） #

如果需要完全只保留地球地形/影像，可以关闭天空相关元素：

viewer.scene.skyBox.show = false;
viewer.scene.skyAtmosphere.show = false;

内容的提问来源于stack exchange，提问作者Coder Gautam YT