Vue3+TS+Vite+Cesium加载天地图影像、天地图矢量地图、天地图标注案例模板

在Vue3+TS+Vite项目中集成Cesium，并加载天地图影像、天地图矢量地图和天地图标注，需要经过以下步骤：
步骤1：创建Vue3+TS+Vite项目
首先，确保您已经安装了Node.js和npm。然后，通过以下命令创建一个新的Vue3+TS+Vite项目：

npm init vite@latest my-vue3-cesium-project -- --template vue-ts

这将创建一个名为“my-vue3-cesium-project”的新项目，并使用Vue3和TypeScript模板。
步骤2：安装Cesium
在项目根目录下，通过以下命令安装Cesium：

npm install cesium

这将安装最新版本的Cesium库。
步骤3：创建Cesium Viewer
在src目录下创建一个名为“cesium”的文件夹，并在其中创建一个名为“viewer.ts”的文件。在该文件中，我们将创建一个Cesium Viewer实例：

import { createViewer, CesiumWidget } from 'cesium/Widgets/widgets';
import { PrimitiveCollection } from 'cesium/Scene';
import { Rectangle } from 'cesium/GeographicTilingScheme';
import { ImageryLayer } from 'cesium/ImageryLayer';
import { Vector3 } from 'cesium/Cartesian3';
import { TileImageryLayer } from 'cesium/layers/TileImageryLayer';
import { Vector2 } from 'cesium/Cartesian2';
import { Ellipsoid } from 'cesium/Ellipsoid';
import { TileProvider } from 'cesium/providers/TileProvider';
import { GeographicTilingScheme } from 'cesium/GeographicTilingScheme';
import { Cartographic } from 'cesium/Cartesian3';
import { Quaternion } from 'cesium/Quaternion';
import { Matrix4 } from 'cesium/Matrix4';
import { Clock } from 'cesium/Clock';
import { Color } from 'cesium/Color';