Vue3+Vite 初始化Cesium
安装依赖
yarn add cesium
yarn add vite-plugin-cesium -D
加载vite-plugin-cesium插件
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import cesium from 'vite-plugin-cesium';
export default defineConfig({
plugins: [vue(),cesium()]
});
初始化Cesium
<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文章来源地址https://www.toymoban.com/news/detail-674275.html
文章来源:https://www.toymoban.com/news/detail-674275.html
到了这里,关于Vue3+Vite 初始化Cesium的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!