vue3+vite项目中初始化cesium第（一）篇

1. 下载插件

npm install cesium

npm install vite-plugin-cesium

2. 在 vite.config.js  配置文件中添加如下代码

//第一步： 引入Cesium 插件
import cesium from "vite-plugin-cesium";


 plugins: [
  //第二步： 添加引入的 Cesium 插件
  cesium()
],

3. 初始化Cesium

<template>
  <div id="cesiumContainer"></div>
</template>
<script lang="ts" setup>
import * as Cesium from "cesium";
import { onMounted } from "vue";

const initMap = () => {
  const viewer = new Cesium.Viewer("cesiumContainer");
};

onMounted(() => {
  initMap();
});
</script>
<style lang="scss" scoped>
#cesiumContainer {
  width: 100%;
  height: 100%;
}
</style>

4. 页面效果展示