01.cesium在vue3+vite项目中引入

366 阅读1分钟

1、vite+vue3+cesium创建项目

1.1 安装依赖 npm install cesium

1.2 cesium官网中申请Access Tokens

1.3 下载插件npm i vite-plugin-cesium -D

1.4 vite中配置

import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import cesium from 'vite-plugin-cesium'

// vitejs.dev/config/ export default defineConfig({ plugins: [vue(),cesium()], })

1.5 项目中引用

在组件hellword.vue中引入 #cesiumContainer{ width:100%; height:100%; }