Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bojue/BaseMap
IDC管理2.5D底图绘制工具(Vue)
https://github.com/bojue/BaseMap
Last synced: about 1 month ago
JSON representation
IDC管理2.5D底图绘制工具(Vue)
- Host: GitHub
- URL: https://github.com/bojue/BaseMap
- Owner: bojue
- Created: 2020-04-28T10:13:12.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-06-18T02:52:16.000Z (6 months ago)
- Last Synced: 2024-08-02T18:42:16.330Z (4 months ago)
- Language: JavaScript
- Homepage: https://bojue.github.io/BaseMap
- Size: 14.1 MB
- Stars: 490
- Watchers: 16
- Forks: 76
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- my-awesome - bojue/BaseMap - 06 star:0.5k fork:0.1k IDC管理2.5D底图绘制工具(Vue) (JavaScript)
- awesome-hacking-lists - bojue/BaseMap - IDC管理2.5D底图绘制工具(Vue) (JavaScript)
README
# BaseMap
基于Vue开发的底图配置工具, [开源最新版本](https://bojue.github.io/BaseMap)
[持续迭代(欢迎提交issue)](https://github.com/bojue/BaseMap/issues)
```diff
! 数据存储在IndexedDB,不要清除本地缓存:cookie及其他网站数据
```## 预览
![截屏2022-03-06 上午11 48 00](https://user-images.githubusercontent.com/14350577/156908397-84dae84b-0141-4910-80ef-f56eed170307.png)
![demo](https://user-images.githubusercontent.com/14350577/156908201-c62eed78-f316-485f-8cc5-f4c32cbceef4.png)
## 底图说明
业务需要已经重构到 `2980x1440`像素大小的底图支持
## 下载
```
git clone https://github.com/bojue/BaseMap.git
```### 启动项目
```
npm install
npm run dev
```### 打包
```
npm run build
```## 功能点
- 组件创建:拖拽/拷贝
- 样式属性绑定:大小/位置/圆角/阴影/材质
- 组件拖拽:大小/位置/旋转()
- 多选操作:样式设置/间距/对齐/删除
- 设置背景:图片/颜色/网格
- 快捷键:复制粘贴/创建/删除
- IndexDB缓存:手动保存
- 历史记录:查看/应用
- 预览:全屏/缩放## 更新历史
- 2020/11/09 本地缓存方案更新:localstorage -> indexDB
- 2022/03/03 优化拖拽创建组件卡顿问题,由拖拽监听dragEnd修改成drag