Vue3+Vite 初始化Cesium
安装依赖
js
复制代码
yarn add cesium
yarn add vite-plugin-cesium -D
加载vite-plugin-cesium插件
js
复制代码
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import cesium from 'vite-plugin-cesium';
export default defineConfig({
plugins: [vue(),cesium()]
});
初始化Cesium
js
复制代码
<template>
<div id="map"></div>
</template>
<script lang="ts" setup>
import { onMounted } from 'vue'
import * as Cesium from 'cesium'
onMounted(() => {
const viewer = new Cesium.Viewer('map')
window.viewer = viewer
})
</script>
<style lang="scss" scoped>
#map {
width: 100%;
height: 100%;
}
</style>
git