如何移除Cesium地图底部的实时仪表组件

你要移除的是Cesium内置的性能显示面板（显示实时帧率、加载状态等信息的底部仪表），可以通过以下两种方式实现：

• 初始化Viewer时直接禁用
  在创建Cesium Viewer实例时，通过配置项关闭性能面板显示，这是最直接的方式：

  const viewer = new Cesium.Viewer('cesiumContainer', {
      showPerformanceDisplay: false, // 关闭底部性能仪表
      showRenderLoopErrors: false // 可选：同时关闭渲染错误提示面板
  });
  

• 初始化后动态隐藏
  如果已经创建了Viewer实例，也可以通过代码动态移除或隐藏：

  // 方式1：操作DOM元素直接隐藏
  const performancePanel = document.querySelector('.cesium-performanceDisplay');
  if (performancePanel) {
      performancePanel.style.display = 'none';
  }
  
  // 方式2：通过Cesium API控制
  viewer.scene.debugShowFramesPerSecond = false;
  viewer.showPerformanceDisplay = false;
  

注意：不同Cesium版本的配置项可能略有差异，如果上述代码不生效，可对应查看你使用版本的Cesium官方文档确认属性名。

内容的提问来源于stack exchange，提问作者Beginner