console 命令行工具 X clear
console
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <!-- Include the CesiumJS JavaScript and CSS files -->
    <script src="https://cesium.com/downloads/cesiumjs/releases/1.77/Build/Cesium/Cesium.js"></script>
    <link href="https://cesium.com/downloads/cesiumjs/releases/1.77/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
    <style>
      html, body, #cesiumContainer {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
      }
    </style>
  </head>
  <body>
    <div id="cesiumContainer"></div>
    <script>
      Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJkNTIzYmRiMi1hNmIyLTRhNjEtYmEyYi0wYmJlY2Q5MjhkMzEiLCJpZCI6NDEyODEsImlhdCI6MTYwOTkzMDM0M30.Zc_xki4U6vm5GYrDLkCXR842JXhmN6_hzO2huUbEI_I';

      const viewer = new Cesium.Viewer('cesiumContainer', {
        terrainProvider: new Cesium.EllipsoidTerrainProvider({}),
        // 设置背景颜色为黑色
        sceneModePicker : false,
        baseLayerPicker : false,
        infoBox : false,
        homeButton : false,
        navigationHelpButton : false,
        timeline : false,
        fullscreenButton : false,
        animation : false,
        navigationInstructionsInitiallyVisible : false,
        creditDisplay : false,
        imageryProvider : null
      });
      var arr = []
for (let i = 0; i < 23; i++) {
  arr.push(i+'')
}

const shadedRelief1 = new Cesium.WebMapTileServiceImageryProvider({
  url : 'https://58.42.237.175:6443/geoscene/rest/services/dem/GZ_DEM_RED_16M_S/MapServer/WMTS',
  layer : 'dem_GZ_DEM_RED_16M_S',
  style : 'default',
  format : 'image/jpgpng',
  tileMatrixSetID : 'default',
  tileMatrixLabels : arr,
  maximumLevel: 22,
  tilingScheme: new Cesium.GeographicTilingScheme()
});
viewer.imageryLayers.addImageryProvider(shadedRelief1)

    </script>
  </body>
</html>