console 命令行工具 X clear
console
<!--
 * @Author: your name
 * @Date: 2022-02-25 09:22:07
 * @LastEditTime: 2022-04-14 16:52:22
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \代码测试\wmts.html
-->
<!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({}),
    });

    // 将三维球定位到贵州
    viewer.camera.flyTo({
        destination: Cesium.Cartesian3.fromDegrees(106.6, 26.6, 800000.0),
    });

    // viewer.imageryLayers.removeAll()
    let Img = new Cesium.WebMapTileServiceImageryProvider({
        url: "http://t0.tianditu.gov.cn/img_w/wmts?tk=d6d336cb92553dc6ca7b1c8fcbc21a0c",
        layer: "img",
        style: "default",
        tileMatrixSetID: "w",
        format: "tiles",
        maximumLevel:18
      });
    viewer.imageryLayers.addImageryProvider(Img);

    // let terrainProvider = new Cesium.CesiumTerrainProvider({
    //     url : 'http://10.52.1.181:9800/11-hfs/static/11/kq3dtiledir?ua_token=eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJ5YW5nZmFuIiwiY3JlYXRlZCI6MTY0OTM4NTI5NzEyNSwiZXhwIjoxNjUxMDM2NDgyNDA2fQ.9CMIRO86H0guIvr1n-YemQ0hc-UC9SAKIXWfOF-9N0zIktT0MKwa-RLHwagByoHCcXCK6U4k50pniH9IQPO3PA',
    // });


    //viewer.terrainProvider = terrainProvider; //自家的地形

    let tileset = viewer.scene.primitives.add(
        new Cesium.Cesium3DTileset({
            url: "http://58.42.237.175:16443/nf/ypswzqp/tileset.json",
        })
    );

    viewer.flyTo(tileset);
  </script>
  </body>
</html>