Skip to content

利用vue3 + vite + cesium搭建webGL三维地球和地图可视化的示例(打不开?可以通过最下方Gitpod运行预览)

License

Notifications You must be signed in to change notification settings

guixianleng/vue-vite-cesium

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vue 3 + Typescript + Vite + cesium

据不完全统计,现有的很多都是按照Cesium 官方的 webpack 教程(基本上使用vue3的都是搭配vuecli4.x)来开发的,很少使用vue3最优的vite工具开发实现,本demo项目使用Vue3.x、Vite2.x、Cesium.js进行开发,也方便学习和交流。

这里用到的是vite 搭配vite-plugin-cesium,能很好实现在vite使用cesium。

安装

npm i vite-plugin-cesium vite -D
# yarn add vite-plugin-cesium vite -D

配置

vite.config.js使用插件配置

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

项目运行

  1. 克隆项目
# git clone https://github.com/guixianleng/vue-vite-cesium.git
  1. 安装依赖
# npm install or yarn or pnpm i
  1. 运行
# npm run dev or yarn dev or pnpm run dev

预览图

preview

preview

使用 Gitpod

在 Gitpod(适用于 GitHub 的免费在线开发环境)中打开项目,并立即开始编码.

Open in Gitpod

About

利用vue3 + vite + cesium搭建webGL三维地球和地图可视化的示例(打不开?可以通过最下方Gitpod运行预览)

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published