# MiningMapSample

**Repository Path**: zhao_da/mining-map-sample

## Basic Information

- **Project Name**: MiningMapSample
- **Description**: Openlayer二次封装库范例
- **Primary Language**: Unknown
- **License**: GPL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-05-20
- **Last Updated**: 2024-05-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# mining-map

## 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
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

### 安装组件库
```bash
cnpm install mining-map --registry=http://124.71.66.148:4873/
```

### 安装本地组件库
进入 mining-map/src/packages 目录
运行 
```
npm link
```
### MingMap组件库使用说明
[MiningMap-Wiki](https://gitee.com/yuxichina/mining-map-sample/wikis/pages)

### 范例菜单说明

- 业务组件 - 业务行为相关范例
    - 图层管理 - 结合数据库和图层组件，完成图层添加功能
    - 线路图层 - 实现多图层锁定，绘制，添加图层，删除图层，要素编辑功能，数据入库
    - 灯塔图层 - 实现基于LineString图层的扩展灯塔图层，以及等他的分割算法和数据入库显示
    - 要素及样式修改 - 实现LineString和Marker的样式变更，图层的基础样式变更，数据编辑，删除，并且数据入库
    - 道路线图层 - 暂未实现
    - 线要素提取关键点
- 控件
    - 右键菜单 - 展示右键菜单使用方法
    - 图层管理 - 展示图层管理组件使用方法

- 绘制
    - DrawLine 

- 事件
    - 地图事件 - 结合地图的moveend事件，展示如何使用地图事件

- feature
    - 聚合图层 - 展示聚合图层的使用方式
    - LineString - 展示LineString图层的使用方式
    - 混合图层 - 展示点线混合图层的使用方式
    - Point - 展示点图层的使用方式
    - Polygon - 展示面图层的使用方式
    - Overlay - 展示地图弹层的使用方式