cesium学习：使用cesium加载天地图影像

创建viewer视图

   const viewer = new Cesium.Viewer('map', {
        animation: false,//动画控件
        timeline: false,//时间轴
        baseLayerPicker: true,//影像图层选择器
        fullscreenButton: false,//全屏按钮
        geocode: true,//查找位置
        homeButton: true,//返回视角到初始位置
        navigationHelpButton: false,//帮助按钮
        vrButton: false,//vr按钮
        // imageryProvider: new Cesium.ArcGisMapServerImageryProvider({
        //     url: 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'
        // })//初始化时添加影像，一次只能添加一个
    })

加载天地图影像及注记

  viewer.imageryLayers.add(new Cesium.ImageryLayer(new Cesium.WebMapTileServiceImageryProvider({
    url: `http://t0.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=00a0eb37ce20466034702928f409754a`,
    layer: "tdtBasicLayer",
    style: "default",
    format: "image/jpeg",
    tileMatrixSetID: "GoogleMapsCompatible",
  })));
  viewer.imageryLayers.add(new Cesium.ImageryLayer(new Cesium.WebMapTileServiceImageryProvider({
    url: `http://t0.tianditu.com/cia_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=00a0eb37ce20466034702928f409754a`,
    layer: "tdtBasicLayer",
    style: "default",
    format: "image/jpeg",
    tileMatrixSetID: "GoogleMapsCompatible",
  })));

效果

加载的是二维天地图影像及注记。