cesium底图加载底图切换 基于天地图服务

要基于天地图服务加载Cesium底图并实现底图切换，你可以使用Cesium官方提供的`ImageryLayer`类来实现。

首先，你需要获取天地图的影像图层服务地址，例如：

var tiandituUrl = 'http://t0.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&FORMAT=tiles&TILEMATRIXSET=w&';
var tiandituToken = 'tk=your_token';

然后，你可以使用`ImageryLayer`类来加载天地图的影像图层，并将其添加到Cesium的场景中。代码如下：

var viewer = new Cesium.Viewer('cesiumContainer');

var tiandituLayer = new Cesium.ImageryLayer(
  new Cesium.WebMapTileServiceImageryProvider({
    url: tiandituUrl + tiandituToken,
    layer: 'img',
    style: 'default',
    format: 'tiles',
    tileMatrixSetID: 'w',
    maximumLevel: 18,
    credit: new Cesium.Credit('天地图影像服务'),
  })
);

viewer.scene.imageryLayers.add(tiandituLayer);

这样，你就可以在Cesium中加载天地图的影像图层了。如果你想切换底图，只需要移除当前的影像图层，然后添加新的影像图层即可。例如，以下代码实现了在点击按钮时切换底图：

var button = document.getElementById('switchButton');
var isTianditu = true;

button.onclick = function() {
  if (isTianditu) {
    viewer.scene.imageryLayers.remove(tiandituLayer);
    var bingLayer = new Cesium.ImageryLayer(
      new Cesium.BingMapsImageryProvider({
        url: 'https://dev.virtualearth.net',
        key: 'your_bing_maps_key',
        mapStyle: Cesium.BingMapsStyle.AERIAL_WITH_LABELS,
      })
    );
    viewer.scene.imageryLayers.add(bingLayer);
    isTianditu = false;
  } else {
    viewer.scene.imageryLayers.remove(bingLayer);
    viewer.scene.imageryLayers.add(tiandituLayer);
    isTianditu = true;
  }
};

这里的代码实现了在点击按钮时切换底图，如果当前是天地图，则切换到Bing Maps；如果当前是Bing Maps，则切换回天地图。