Cesium 切换矢量图 影像图

在Cesium中，你可以方便地切换场景的矢量图层和影像图层。Cesium支持多种类型的图层，包括VectorTile Layer（矢量图层）和Image Service（影像图层）。

1. **矢量图层**：通常用于显示地图上的符号、线和点等矢量数据，它们基于瓦片（Vector Tiles）格式，提供更精细的空间细节和实时更新能力。例如，你可以使用Cesium Ion服务或者自定义的GeoJSON文件创建矢量图层：

   const vectorSource = new CesiumIon.GeoJsonDataSource({
     url: 'https://example.com/my-vector-tiles.geojson'
   });
   const vectorLayer = new Cesium.Entity({
     position: Cesium.Cartesian3.fromDegrees(0, 0),
     name: 'My Vector Layer',
     geometry: Cesium.createBoxGeometry(Cesium.Math.PI_OVER_TWO, 100, 100),
     material: new Cesium.ColorMaterialProperty({
       color: Cesium.Color.RED,
       translucent: true,
     }),
     source: vectorSource,
   });
   viewer.primitives.add(vectorLayer);

2. **影像图层**：主要用于呈现卫星图像或地图底图，如TMS、WMS或XYZ tiles。你可以使用Cesium的内置函数创建一个影像图层，比如：

   const imageryProvider = new Cesium.WebMapServiceImageryProvider({
     url: 'http://tms.example.com/tiles/{z}/{x}/{y}.png',
     tileWidth: 256,
     tileHeight: 256,
   });
   const imageryLayer = new Cesium.ImageryLayer({
     imageryProvider: imageryProvider,
   });
   viewer.imageryLayers.add(imageryLayer);

要在Cesium Viewer中切换这两种图层，你可以先将当前活跃图层设为影像图层，然后再切换回矢量图层，或者反之。这通常涉及到更改`viewer.imageryLayers`的active ImageryLayer。