# vue3-ts-cesium-map-show
**Repository Path**: hawk86104/vue3-ts-cesium-map-show
## Basic Information
- **Project Name**: vue3-ts-cesium-map-show
- **Description**: 🔥前端 vue3.0 + typescript
三维可视化 数字城市 数字孪生
选用 cesium开源GIS库
加入 主流地图 WebGL效果 完全开源
配合后台 实现可视化编辑保存
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://map.217dan.com/addons/cesiummapv
- **GVP Project**: No
## Statistics
- **Stars**: 1526
- **Forks**: 532
- **Created**: 2021-06-17
- **Last Updated**: 2025-06-16
## Categories & Tags
**Categories**: gis
**Tags**: vue3, TypeScript, element-plus, Cesium, 地图可视化
## README
# vue3-typescript-cesium-elementPlus
🎉🎉🎊最近折腾threeJS🎊🎉🎉 迁移了部分功能,也增加了更多实用功能,同样开源地址是:
### 点击跳转: [gitee.com/ice-gl/icegl-three-vue-tres](https://gitee.com/ice-gl/icegl-three-vue-tres/)
### 开源不易,还望点击关注star⭐️
## 截图展示

## 演示地址
前台地址:【由于白膜数据量大,请耐心等待】
[map.217dan.com/addons/cesiummapv](http://map.217dan.com/addons/cesiummapv)
后台地址:
[map.217dan.com/aeSAZtOfuN.php](http://map.217dan.com/aeSAZtOfuN.php)
```
用户名:test
密码:12345678
```
前端使用的技术栈为:
```
vue3.0 CLI4.x脚手架搭建,使用typescript作为逻辑代码,UI界面为elementPlus
GIS地图部分,使用Cesium-1.82开源库,简单了修改了地图展示部分代码
加入了主流的一些WebGL动态效果类
配合后台【thinkphp + mysql】
```
后台源码地址:
[gitee.com/hawk86104/vue3-ts-cesium-map-show-backend](https://gitee.com/hawk86104/vue3-ts-cesium-map-show-backend)
## 安装依赖
```
npm install
```
### 调试模式
```
npm run serve
```
### 编译
```
npm run build
```
## 学习交流群
欢迎大家也加入微信群,已有4个群已满,一起学习讨论webgl。加微信我拉进群
## 学习交流社区
最近和ice.gl搭建了 ICE图形学社区:专门为入门或者从事webgl开发和学习的朋友提供交流的平台: https://www.icegl.cn/
内含免费丰富的webgl课程、课程源码 以及shader文档等,还有社区问答,不懂的都可以在线提问。