# v-ol-map

> 一个基于[OpenLayers](https://openlayers.org/) 的vue组件

## 已实现

- 地图 [v-map](https://pp129.github.io/vue-openlayers-map/components/MAP.html)
  - 视图 [view](https://pp129.github.io/vue-openlayers-map/MAP.html#view)
  - 地图控件 [controls](https://pp129.github.io/vue-openlayers-map/components/MAP.html#controls)
  - 地图交互 [interactions](https://pp129.github.io/vue-openlayers-map/components/MAP.html#interactions)
  - 事件 [events](https://pp129.github.io/vue-openlayers-map/components/MAP.html#events)
  - 方法 [methods](https://pp129.github.io/vue-openlayers-map/components/MAP.html#methods)
- 鹰眼 [v-overview](https://pp129.github.io/vue-openlayers-map/components/OVERVIEW.html)
- 图层
  - 矢量图层 [v-vector](https://pp129.github.io/vue-openlayers-map/components/VECTOR.html)、
  - 瓦片图层 [v-tile](https://pp129.github.io/vue-openlayers-map/components/TILEL.html)
  - 图像图层 [v-tile](https://pp129.github.io/vue-openlayers-map/components/IMAGE.html)
  - 热力图 [v-heatmap](https://pp129.github.io/vue-openlayers-map/components/HEATMAP.html)
  - 聚合图层 [v-super-cluster](https://pp129.github.io/vue-openlayers-map/components/CLUSTERLAYER.html) （使用 [SuperCluster](https://github.com/mapbox/supercluster) 实现）
  - 图形图层 [v-graphic](https://pp129.github.io/vue-openlayers-map/components/GRAPHIC.html)
  - 路径规划图层 [v-route](https://pp129.github.io/vue-openlayers-map/components/ROUTE.html)
  - echarts图层 [v-echarts](https://pp129.github.io/vue-openlayers-map/components/ECHARTS.html)
-  弹框 [v-overlay](https://pp129.github.io/vue-openlayers-map/components/OVERLAY.html)
-  轨迹动画 [v-path](https://pp129.github.io/vue-openlayers-map/components/PATH.html)
-  绘制 [v-draw](https://pp129.github.io/vue-openlayers-map/components/DRAW.html)
-  测量 [v-measure](https://pp129.github.io/vue-openlayers-map/components/MEASURE.html)


## [文档](https://pp129.github.io/vue-openlayers-map/DEV.html)

## [在线示例](https://vue-openlayers-map.netlify.app/)

## [源码](https://github.com/pp129/vue-openlayers-map)

### git clone

```bash
git clone https://github.com/pp129/vue-openlayers-map.git
```

### 运行
```bash
npm run serve
```