# vue3-ts-cesium-map-show

**Repository Path**: zhuomeng20/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**: 0
- **Forks**: 533
- **Created**: 2023-02-23
- **Last Updated**: 2023-02-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Description: 
 * @Version: 1.668
 * @Autor: Hawk
 * @Date: 2021-06-17 15:09:27
 * @LastEditors: Hawk
 * @LastEditTime: 2022-01-07 11:48:02
-->
# vue3-typescript-cesium-elementPlus

## 演示地址
前台地址：【由于白膜数据量大，请耐心等待】
http://map.217dan.com/addons/cesiummapv

后台地址:
http://map.217dan.com/aeSAZtOfuN.php
用户名:test
密码:12345678

前端使用的技术栈为：
vue3.0 CLI4.x脚手架搭建，使用typescript作为逻辑代码，UI界面为elementPlus
GIS地图部分，使用Cesium-1.82开源库，简单了修改了地图展示部分代码
加入了主流的一些WebGL动态效果类
配合后台【thinkphp + mysql】

后台源码地址：
https://gitee.com/hawk86104/vue3-ts-cesium-map-show-backend

## 截图展示
![展示](https://jdvop.oss-cn-qingdao.aliyuncs.com/assets/img/3ddemo/index.png)
![展示](https://jdvop.oss-cn-qingdao.aliyuncs.com/assets/img/3ddemo/config1.png)
![展示](https://jdvop.oss-cn-qingdao.aliyuncs.com/assets/img/3ddemo/config2.png)
![展示](https://jdvop.oss-cn-qingdao.aliyuncs.com/assets/img/3ddemo/index截屏.gif)
![展示](https://jdvop.oss-cn-qingdao.aliyuncs.com/assets/img/3ddemo/line.gif)
![展示](https://jdvop.oss-cn-qingdao.aliyuncs.com/assets/img/3ddemo/mapimagery.gif)
![展示](https://jdvop.oss-cn-qingdao.aliyuncs.com/assets/img/3ddemo/modelsit.gif)
![展示](https://jdvop.oss-cn-qingdao.aliyuncs.com/assets/img/3ddemo/pointeffect.gif)
![展示](https://jdvop.oss-cn-qingdao.aliyuncs.com/assets/img/3ddemo/titleset.gif)

## Project setup
npm install

### Compiles and hot-reloads for development
npm run serve

### Compiles and minifies for production
npm run build

### Lints and fixes files
npm run lint