使用Vite+Vue3创建Cesium项目

Vite+Vue3+Cesium项目模版

Cesium是AGI公司计算机图形开发小组与2011年研发的三维地球和地图可视化开源JavaScript库,Cesium一词来源于化学元素铯,铯是制造原子钟的关键元素,研发小组通过命名强调Cesium产品精益求精,专注时间数据可视化。Cesium为三维GIS提供了一个高效的数据可视化平台

使用viet创建vue3项目

创建vue3项目 这里使用的是vue的模版。如果选择其他框架,则不用加--template vue
pnpm create vite vite+vue3+cesium --template vue

进入项目 cd vite-app

安装依赖 pnpm install

运行项目 pnpm run dev

安装cesium框架和cesium的vite插件

 npm i cesium vite-plugin-cesium vite -D

yarn add cesium vite-plugin-cesium vite -D(二选一即可)

在vite.config.js文件中添加cesium的插件

import { defineConfig } from 'vite';
import cesium from 'vite-plugin-cesium';
export default defineConfig({
  plugins: [cesium()]
});

import cesium from 'vite-plugin-cesium'

export default defineConfig(

        { plugins: [cesium()] }

);

下面去页面中初始化cesium







大功告成~~~~

你可能感兴趣的:(信息可视化,vue)