1)准备vite vue3 TypeScript 初始工程。(创建流程:速创建vue3 + vite 项目工程_创建vue3+vite项目-CSDN博客)
2)在当前工程的终端窗口输入: npm install cesium
3)在当前工程的终端窗口输入(可选): npm install vite-plugin-cesium (如果没有用vite构建工具,跳过此步骤)
4) 注册cesium并申请token码 :Cesium: The Platform for 3D Geospatial
5)从 node_modules/cesium/Build/Cesium 复制cesiumJS库到public文件夹下
6)为vite构建添加cesium插件
7)以上 vite构建工具 vue3 +TypeScript + cesium初始工程配置完成,下面在Vite + Vue 的 components/HelloWorld.vue 示例面板下面展示cesium地图。
引入cesium库,添加解构渲染后执行方法,onMounted执行调用 cesium API,在html渲染 template添加cesium地图。
老规矩上 参考示例 源代码工程:https://download.csdn.net/download/odogroup/89748480