Cesium加载天地图

1. 申请天地图key
   先登录，再点击用户中心，再点开发资源，再点控制台，创建新应用就可以了
   
   
   

2. 写代码

const viewer = new Cesium.Viewer('cesiumContainer', {
    imageryProviderViewModels: [
      new Cesium.ProviderViewModel({
        name: "天地图影像",
        iconUrl: "/imgs/map/tdt_img.jpg",
        creationFunction: () => {
          const imgImageryProvider = new Cesium.WebMapTileServiceImageryProvider({
            url: "http://t{s}.tianditu.com/img_c/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=c&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=" + key,
            subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
            tilingScheme: new Cesium.GeographicTilingScheme(),
            tileMatrixLabels: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19"]
          })
          return [imgImageryProvider]
        }
      }),
      new Cesium.ProviderViewModel({
        name: "天地图影像(墨卡托)",
        iconUrl: "/imgs/map/tdt_img.jpg",
        creationFunction: () => {
          const imgImageryProvider = new Cesium.WebMapTileServiceImageryProvider({
            url: "http://t{s}.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=" + key,
            subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
            tilingScheme: new Cesium.WebMercatorTilingScheme(),
          })
          return [imgImageryProvider]
        }
      }),
    ]
  })