v-openlayers 2.0.3 → 2.0.5

package/README.md

@@ -1,36 +1,43 @@
-[toc]
+[TOC]
+
+## v-openlayers
+
+[最新文档](https://note.youdao.com/ynoteshare/index.html?id=0e2ae0a280cc6b82d257eb073d043b74\&type=note&_time=1694753902887)
+
+[mapConfig.js](https://note.youdao.com/s/NDDcBw2i)
 
-## v-openlayers 
-[最新文档](https://note.youdao.com/ynoteshare/index.html?id=0e2ae0a280cc6b82d257eb073d043b74&type=note&_time=1694753902887)
 ## 版本
-```
-v2.0.0
-```
+
+    v2.0.0
 
 ## 简介
+
     基于vue3+openlayers封装的组件库
+
 ## 作者
-```
-kangjinrui<1092014304@qq.com>
-```
+
+    kangjinrui<1092014304@qq.com>
+
 ## 开始使用
+
 ### 安装
-```
-npm install v-openlayers --save
-```
+
+    npm install v-openlayers --save
+
 ### 按需引入组件
-```
-import { OlMap } from 'v-openlayers'
-```
+
+    import { OlMap } from 'v-openlayers'
+
 ### 按需引入库
-```
-import { OlHandler } from 'v-openlayers'
-```
+
+    import { OlHandler } from 'v-openlayers'
+
 ### 全局引入组件
-```
-import VMap from 'v-openlayers'
-vue.use(VMap)
-```
+
+    import VMap from 'v-openlayers'
+    vue.use(VMap)
+
+## ***注意：以下所有地图相关组件均需在OlMap容器内使用***
 
 ## 1.地图组件
 
@@ -38,249 +45,479 @@ vue.use(VMap)
 
 #### Example
 
+    <OlMap
+      class="app-content"
+      show-basemapbar
+      show-toolbar
+      @ready="handleMapReady"
+    ></OlMap>
+
+#### Attributes
+
+| Param         | Type                 | Description | Default                                     | Required |
+| ------------- | -------------------- | ----------- | ------------------------------------------- | -------- |
+| mapConfig     | <code>object</code>  | 地图初始配置      | <code>{}</code>                             |    否      |
+| showStatusbar | <code>Boolean</code> | 是否显示状态栏     | <code>true</code>                           |     否     |
+| identify      | <code>boolean</code> | 是否开启i查询     | <code>false</code>                          |    否      |
+| identifyConfig      | <code>object</code> | i查询相关配置，详见identifyConfig| <code>{}</code>              |    否      |
+| controls      | <code>object</code>  | 可选ol自带地图工具  | <code>{showBasemap: true,zoom: true}</code> |      否    |
+
+
+*   mapConfig
+
+[mapConfig.js](https://note.youdao.com/s/NDDcBw2i)
+
+
+*   identifyConfig
+
+```
+{
+    height: 200,  //高度
+    header: [     //自定义头
+      {
+        label: '属性',
+        value: 'label',
+      },
+      {
+        label: '值',
+        value: 'value',
+      },
+    ],
+    showHeader: false, //是否显示头
+    theme: 'light',
+}
 ```
-<OlMap
-  class="app-content"
-  show-basemapbar
-  show-toolbar
-  @on-ready="handleMapReady"
-  @on-mouseclick="handleMouseClick"
-  @on-toolchange="handleToolChange"
-></OlMap>
+*   controls
+
 ```
+{
+    zoom: true,  // 缩放组件
+    scaleLine: true,  // 比例尺
+}
+```
+
 
+#### Event
+
+| Name          | Description |     Param |
+| :------------ | :---------: | --------: |
+| ready         |  地图初始化完成回调  | olHandler |
+| mouse-move    |     鼠标移动    |    鼠标位置信息 |
+| mouse-click   |     鼠标点击    |    鼠标位置信息 |
+| mouse-dbclick |     鼠标双击    |    鼠标位置信息 |
+| mouse-moveend |    鼠标移动结束   |    鼠标位置信息 |
+| draw-end      |     绘制结束    |      绘制结果 |
+
+## 2.图层组件
+
+### 2.1 OlPopup
+
+#### Example
+
+    <OlPopup title="属性" :position="position">
+    <!-- 支持自定义内容 -->
+    </OlPopup>
 
 #### Attributes
-| Param | Type | Description | Default |
-| --- | --- | --- | -- |
-| mapConfig | <code>object</code> | 地图初始配置 | <code>{}</code>
-| showStatusbar | <code>Boolean</code> | 是否显示状态栏 |<code>true</code> 
-| identify | <code>boolean</code> | 是否开启i查询 | <code>false</code> 
-| controls | <code>object</code> | 可选ol自带地图工具 | <code>{showBasemap: true,zoom: true}</code>
+
+| Param       | Type                 | Description                 | Default                   | Required |
+| ----------- | -------------------- | --------------------------- | ------------------------- | -------- |
+| position    | <code>Array</code>   | 位置                          | 格式<code>\[lon,lat]</code> | 是        |
+| theme       | <code>String</code>  | 主题可选<code>light/dark</code> | <code>light</code>        |          |
+| title       | <code>String</code>  | 标题                          | <code>''</code>           |          |
+
 
 #### Event
 
-| Name   | Description |   Param  |
-| :------------- | :----------: | ------------: |
-| ready        |    地图初始化完成回调     |  olHandler |
-| mouse-move        |    鼠标移动     |         鼠标位置信息 |
-| mouse-click        |    鼠标点击     |         鼠标位置信息 |
-| mouse-dbclick        |    鼠标双击     |         鼠标位置信息 |
-| mouse-moveend        |    鼠标移动结束     |         鼠标位置信息 |
-| draw-end        |    绘制结束     |         绘制结果 |
- 
-
-### 1.2 OlOverlay
+| Name | Description | Param |
+| :--- | :---------: | ----: |
+| on-close |     关闭事件    |       |
+
+#### Slots
+
+| Name    | Description |
+| :------ | :---------: |
+| default |   自定义默认内容   |
+
+### 2.2 OlOverlay
+
 #### Example
-```
-<OlOverlay :title="'title'" :position="position">
-  <!-- 插入内容 -->
-</OlOverlay>
-```
+
+    <OlOverlay :title="'title'" :position="position">
+      <!-- 插入自定义内容 -->
+    </OlOverlay>
 
 #### Attributes
-| Param | Type | Description | Default |
-| --- | --- | --- | -- |
-| theme     | <code>String</code>  | 主题</code>可选light|dark</code> | <code>dark<code>
-| showTitle | <code>Boolean</code> | 是否显示标题 | <code>false</code> 
-| title     | <code>String</code> | 标题 | <code>''</code>
-| position  | <code>Array/undefined</code> | 位置 | <code>undefined</code>
 
+| Param     | Type                         | Description                  | Default                | Required |
+| --------- | ---------------------------- | ---------------------------- | ---------------------- | -------- |
+| position  | <code>Array/undefined</code> | 位置,\[经度,纬度]                  | <code>undefined</code> | 是        |
+| theme     | <code>String</code>          | 主题可选</code>light/dark</code> | <code>dark<code>       |          |
+| showTitle | <code>Boolean</code>         | 是否显示标题                       | <code>false</code>     |          |
+| title     | <code>String</code>          | 标题                           | <code>''</code>        |          |
 
 #### Event
 
-| Name   | Description |   Param  |
-| :------------- | :----------: | ------------: |
-| on-close        |    关闭事件     |   |
+| Name     | Description | Param |
+| :------- | :---------: | ----: |
+| on-close |     关闭事件    |       |
+
+#### Slots
 
+| Name    | Description |
+| :------ | :---------: |
+| default |   自定义默认内容   |
+
+### 2.3 OlVector
 
-### 1.3 OlVector
 #### Example
-```
-<OlVector
-  :features="features"
-  :visible="visible"
-  :opacity="opacity"
-  :z-index="1000"
-  :style="style"
-  :modifiable="modifiable"
-  :cluster-options="clusterOptions"
-  @select-change="handleSelectChange"
-></OlVector>
-```
+
+    <OlVector
+      :features="features"
+      :layer-style="style"
+    ></OlVector>
 
 #### Attributes
-| Param | Type | Description | Default |
-| --- | --- | --- | -- |
-| features  | <code>Array/Object</code>     | 空间数据，支持<code>Array和geojson</code> | <code>[]</code>
-| geomField | <code>String</code>           | features=Array时空间字段名称 | <code>wktstr</code>
-| visible   | <code>Boolean</code>          | 是否可见 | <code>true</code>
-| opacity   | <code>Number</code>           | 透明度（0-1） | 1
-| zIndex    | <code>Number</code>           | 图层层级 | <code>undefined</code>
-| style     | <code>Object</code>           | 全局样式 | <code>{circle: {},icon:{},stroke: {},fill: {},text: {}}</code>
-| selectable | <code>boolean</code>         | 可选中的 | <code>false</code>
-| modifiable | <code>boolean</code>         | 可编辑的 | <code>false</code>
-| clusterOptions | <code>Object/null</code> | 聚合相关选项 | <code>null</code>
-
-- 参考格式
-- style           <code>{circle:{color,radius},icon:{},text:{src,scale},fill: {color},stroke: {color,width}}</code> 
-- clusterOptions  <code>{showLabel:true,distance:20,minDistance:0}</code>
+
+| Param          | Type                      | Description                       | Default                | Required |
+| -------------- | ------------------------- | --------------------------------- | ---------------------- | -------- |
+| features       | <code>Array/Object</code> | 空间数据，支持<code>Array和geojson</code> | <code>\[]</code>       | 是        |
+| geomField      | <code>String</code>       | features是Array结构时空间字段名称           | <code>wktstr</code>    |          |
+| visible        | <code>Boolean</code>      | 是否可见                              | <code>true</code>      |          |
+| opacity        | <code>Number</code>       | 不透明度（0-1）                         | 1                      |          |
+| zIndex         | <code>Number</code>       | 图层层级                              | <code>undefined</code> |          |
+| layer-style    | <code>Object</code>       | 全局样式，详见style                      |                        |          |
+| selectable     | <code>boolean</code>      | 可选中的                              | <code>false</code>     |          |
+| modifiable     | <code>boolean</code>      | 可编辑的                              | <code>false</code>     |          |
+| clusterOptions | <code>Object/null</code>  | 聚合相关选项,详见clusterOptions           | <code>null</code>      |          |
+
+*   style
+
+
+
+    {
+        circle: {
+            color,  //颜色
+            radius  //半径
+        },
+        icon: {
+            src:String,    //地址
+            scale:Number,  //比例
+            color,  //颜色
+        },
+        text: {
+            color:String,
+            fontSize:"14px",         //字体大小
+            backgroundColor:String,  //背景颜色
+            offsetX:Number,
+            offsetY:Number
+            filed:String,           //显示字段
+            textFormatter:Function  //格式化显示文本
+        },
+        fill: {
+            color:String
+        },
+        stroke: {
+            color:String,
+            width:Number
+        }
+    }
+
+*   clusterOptions
+
+
+
+    {
+        showLabel: true,
+        distance: 20,
+        minDistance: 0
+    }
+
 #### Event
 
-| Name   | Description |   Param  |
-| :------------- | :----------: | ------------: |
-| select-change        |    可选状态下选中改变触发     |   |
+| Name          | Description | Param |
+| :------------ | :---------: | ----: |
+| select-change | 可选状态下选中改变触发 |       |
+
+### 2.4 OlTile
 
-### 1.4 OlTile
 #### Example
-```
-<OlTile
-  map-provider="mapProvider"
-  :url="url"
-  :request-params="requestParams"
-  :visible="visible"
-  :opacity="opacity"
-  :min-zoom="minZoom"
-  :max-zoom="maxZoom"
-></OlTile>
-```
+
+    <OlTile
+      map-provider="tdt"
+      :url="url"
+      :request-params="requestParams"
+    ></OlTile>
 
 #### Attributes
-| Param | Type | Description | Default |
-| --- | --- | --- | -- |
-| mapProvider | <code>String</code> | 服务提供者 | 可选<code>tdt/supermap/wmts/xyz/arcgistile</code>默认空
-| url | <code>String</code> | 服务地址 | 格式<code>https://mapserver/wmts</code>
-| requestParams | <code>Object</code> | 请求参数 |  格式<code>{layer,tilematrixset,Format,...}</code>
-| visible | <code>Boolean</code> | 是否可见 | <code>true</code>
-| opacity | <code>Number</code> | 透明度（0-1） | 1
-| zIndex | <code>Number</code> | 图层层级 | <code>undefined</code>
-| minZoom | <code>Number/undefined</code> | 最小显示层级 | <code>undefined</code>
-| maxZoom | <code>Number/undefined</code> | 最大显示层级 | <code>undefined</code>
+
+| Param         | Type                          | Description | Default                                                         | Required |
+| ------------- | ----------------------------- | ----------- | --------------------------------------------------------------- | :------: |
+| mapProvider   | <code>String</code>           | 服务提供者       | 可选<code>tdt/supermap/wmts/arcgistile</code>默认空                  |          |
+| url           | <code>String</code>           | 服务地址        | 格式<code><https://mapserver/wmts></code>                         |     是    |
+| requestParams | <code>Object</code>           | 请求参数        | 格式<code>{layer,tilematrixset,matrixSetPrefix,Format,...}</code> |          |
+| visible       | <code>Boolean</code>          | 是否可见        | <code>true</code>                                               |          |
+| opacity       | <code>Number</code>           | 不透明度（0-1）   | 1                                                               |          |
+| zIndex        | <code>Number</code>           | 图层层级        | <code>undefined</code>                                          |          |
+| minZoom       | <code>Number/undefined</code> | 最小显示层级      | <code>undefined</code>                                          |          |
+| maxZoom       | <code>Number/undefined</code> | 最大显示层级      | <code>undefined</code>                                          |          |
+
+##### requestParams
+
+| Name            |                      Description                     | Required |
+| :-------------- | :--------------------------------------------------: | -------: |
+| layer           |                          图层名                         |        是 |
+| tilematrixset   |                         切片矩阵集                        |        是 |
+| matrixSetPrefix | matrixSet前缀 （一般情况geoserver会用到，常用EPSG:4326或EPSG:3857） |        否 |
 
 #### Event
 
-| Name   | Description |   Param  |
-| :------------- | :----------: | ------------: |
-| ready        |    加载完成     | layer  | 
+| Name  | Description | Param |
+| :---- | :---------: | ----: |
+| ready |     加载完成    | layer |
 
+### 2.5 OlWms
 
-### 1.5 OlWms
 #### Example
-```
-<OlWms
-  :url="url"
-  :visible="visible"
-  :opacity="opacity"
-/>
-```
+
+    <OlWms
+      :url="url"
+      :request-params="requestParams"
+    />
 
 #### Attributes
-| Param | Type | Description | Default |
-| --- | --- | --- | -- |
-| mapProvider | <code>String</code> | 服务提供者 | 可选<code>image/imageTile</code>，默认<code>imageTile</code>
-| url | <code>String</code> | 服务地址 | 格式<code>https://mapserver/wms</code>
-| requestParams | <code>Object</code> | 请求参数 | 格式<code>{layers,...}</code>
-| visible | <code>Boolean</code> | 是否可见 | <code>true</code>
-| opacity | <code>Number</code> | 透明度（0-1） | 1
-| zIndex | <code>Number</code> | 图层层级 | <code>undefined</code>
+
+| Param         | Type                 | Description | Default                                                 | Required |
+| ------------- | -------------------- | ----------- | ------------------------------------------------------- | :------: |
+| mapProvider   | <code>String</code>  | 服务提供者       | 可选<code>image/imageTile</code>，默认<code>imageTile</code> |          |
+| url           | <code>String</code>  | 服务地址        | 格式<code><https://mapserver/wms></code>                  |     是    |
+| requestParams | <code>Object</code>  | 请求参数        | 格式<code>{layers,...}</code>                             |     是    |
+| visible       | <code>Boolean</code> | 是否可见        | <code>true</code>                                       |          |
+| opacity       | <code>Number</code>  | 不透明度（0-1）   | 1                                                       |          |
+| zIndex        | <code>Number</code>  | 图层层级        | <code>undefined</code>                                  |          |
+
+##### requestParams
+
+| Name   |   Description  | Required |
+| :----- | :------------: | :------: |
+| layers | 图层名,多个可用英文逗号隔开 |     是    |
 
 #### Event
 
-| Name   | Description |   Param  |
-| :------------- | :----------: | ------------: |
-| ready        |    加载完成     | layer  | 
+| Name  | Description | Param |
+| :---- | :---------: | ----: |
+| ready |     加载完成    | layer |
+
+### 2.6 OlArcgis
 
-### 1.6 OlArcgis
 #### Example
-```
-<OlArcgis
-  :url="url"
-  :visible="visible"
-  :opacity="opacity"
-/>
-```
+
+    <OlArcgis
+      :url="url"
+    />
 
 #### Attributes
-| Param | Type | Description | Default |
-| --- | --- | --- | -- |
-| mapProvider | <code>String</code> | 服务提供者 | 可选<code>image/imageTile</code>，默认<code>imageTile</code>
-| url | <code>String</code> | 服务地址 | 格式<code>https://sampleserver/MapServer</code>
-| visible | <code>Boolean</code> | 是否可见 | <code>true</code>
-| opacity | <code>Number</code> | 透明度（0-1） | 1
-| zIndex | <code>Number</code> | 图层层级 | <code>undefined</code>
+
+| Param       | Type                 | Description | Default                                                 | Required |
+| ----------- | -------------------- | ----------- | ------------------------------------------------------- | :------: |
+| mapProvider | <code>String</code>  | 服务提供者       | 可选<code>imagetile/tile</code>，默认<code>imageTile</code> |     否    |
+| url         | <code>String</code>  | 服务地址        | 格式<code><https://sampleserver/MapServer></code>         |     是    |
+| visible     | <code>Boolean</code> | 是否可见        | <code>true</code>                                       |          |
+| opacity     | <code>Number</code>  | 不透明度（0-1）   | 1                                                       |          |
+| zIndex      | <code>Number</code>  | 图层层级        | <code>undefined</code>                                  |          |
 
 #### Event
 
-| Name   | Description |   Param  |
-| :------------- | :----------: | ------------: |
-| ready        |    加载完成     | layer  | 
+| Name  | Description | Param |
+| :---- | :---------: | ----: |
+| ready |     加载完成    | layer |
+
+### 2.7 OlTdt
 
-### 1.7 OlPopup
 #### Example
-```
-<OlPopup
-  :position="position"
-  :properties="properties"
-  :table-height="tableHeight"
-  :table-header="tableHeader"
-/>
-```
+
+    <OlTdt
+      map-style="img"
+    ></OlTdt>
 
 #### Attributes
-| Param | Type | Description | Default |
-| --- | --- | --- | -- |
-| theme     | <code>String</code>  | 主题<code>可选light/dark</code> | <code>light</code>
-| title | <code>String</code> | 标题 | <code>''</code> 
-| position | <code>Array</code> | 位置 | 格式<code>[lon,lat]</code> 
-| properties | <code>Array</code> | 属性列表</code> | 格式<code>[{label,value},...]</code> 
-| showHeight | <code>Boolean</code> | 是否显示表头 | <code>false</code> 
-| tableHeight | <code>Number</code> | 表格高度 | 300 
-| tableHeader | <code>Array</code> | 自定义表头 | 默认<code>  [{label: '属性',value: 'label',},{label: '值',value: 'value',width: 150}]</code>
+
+| Param    | Type                 | Description | Default                                                                        | Required |
+| -------- | -------------------- | ----------- | ------------------------------------------------------------------------------ | :------: |
+| mapStyle | <code>String</code>  | 地图类型        | 可选<code>img/vec/ter/img\_label/vec\_label/ter\_label</code>，默认<code>img</code> |          |
+| visible  | <code>Boolean</code> | 是否可见        | <code>true</code>                                                              |          |
+| opacity  | <code>Number</code>  | 不透明度（0-1）   | 1                                                                              |          |
+| zIndex   | <code>Number</code>  | 图层层级        | <code>undefined</code>                                                         |          |
+| token    | <code>String</code>  | 访问秘钥        | <code>''</code>                                                                |          |
 
 #### Event
 
-| Name   | Description |   Param  |
-| :------------- | :----------: | ------------: |
-|         |         |   |
+| Name  | Description | Param |
+| :---- | :---------: | ----: |
+| ready |     加载完成    | layer |
+
+### 2.8 OlSupermap
 
-### 1.x 
 #### Example
-```
-```
+
+    <OlSupermap
+        :url="url"
+        :request-params="requestParams"
+    >
+    </OlSupermap>
 
 #### Attributes
-| Param | Type | Description | Default |
-| --- | --- | --- | -- |
-| mapProvider | <code>String</code> | 服务提供者 | 
+
+| Param         | Type                 | Description | Default                                 | Required |
+| ------------- | -------------------- | ----------- | --------------------------------------- | :------: |
+| url           | <code>String</code>  | 服务地址        | 格式<code><https://mapserver/wmts></code> |     是    |
+| requestParams | <code>Object</code>  | 请求参数        | 格式，详见requestParams                      |     是    |
+| visible       | <code>Boolean</code> | 是否可见        | <code>true</code>                       |          |
+| opacity       | <code>Number</code>  | 不透明度（0-1）   | 1                                       |          |
+| zIndex        | <code>Number</code>  | 图层层级        | <code>undefined</code>                  |          |
+
+##### requestParams
+
+| Name          | Description | Required |
+| :------------ | :---------: | :------: |
+| layer         |     图层名     |     是    |
+| tilematrixset |    切片矩阵集    |     是    |
+| Format        |      格式     |     否     |
+| origin        |      起点     |     否     |
+| resolutions        |      分辨率     |     否     |
 
 #### Event
 
-| Name   | Description |   Param  |
-| :------------- | :----------: | ------------: |
-|         |         |   |
+| Name  | Description | Param |
+| :---- | :---------: | ----: |
+| ready |     加载完成    | layer |
 
-## 2.其他组件
-### 2.1 VTable
+### 2.9 OlVectortile
 
 #### Example
-```
-```
+
+    <OlVectortile
+        :url="url"
+        :layer-style="style"
+        :request-params="requestParams"
+    >
+    </OlVectortile>
 
 #### Attributes
-| Param | Type | Description | Default |
-| --- | --- | --- | -- |
-| mapProvider | <code>String</code> | 服务提供者 | 
+
+| Param         | Type                 | Description | Default                                 | Required |
+| ------------- | -------------------- | ----------- | --------------------------------------- | :------: |
+| url           | <code>String</code>  | 服务地址        | 格式<code><https://mapserver/wmts></code> |     是    |
+| layerStyle    | <code>Object/|Function</code>  | 图层样式        | <code></code> |     是    |
+| requestParams | <code>Object</code>  | 请求参数        | 格式，详见requestParams                      |     是    |
+| visible       | <code>Boolean</code> | 是否可见        | <code>true</code>                       |          |
+| opacity       | <code>Number</code>  | 不透明度（0-1）   | 1                                       |          |
+| zIndex        | <code>Number</code>  | 图层层级        | <code>undefined</code>                  |          |
+
+##### requestParams
+
+| Name          | Description | Required |
+| :------------ | :---------: | :------: |
+| layer         |     图层名     |     是    |
+
 
 #### Event
 
-| Name   | Description |   Param  |
-| :------------- | :----------: | ------------: |
-|         |         |   |
+| Name  | Description | Param |
+| :---- | :---------: | ----: |
+| ready |     加载完成    | layer |
+
+## 3.地图工具组件
+
+### 3.1 OlToolbar
 
-## 3.工具类
+#### Example
+
+    <OlToolbar></OlToolbar>
 
-### 3.1 OlHandler
-### 3.2 VUtils
+#### Attributes
 
+| Param    | Type                | Description | Default                |
+| -------- | ------------------- | ----------- | ---------------------- |
+| position | <code>String</code> | 位置          | <code>top-right</code> |
+| offset   | <code>Array</code>  | 位置偏移量       | <code>\[0,50]</code>   |
+
+#### Event
+
+| Name   | Description |   Param |                                   |
+| :----- | :---------: | ------: | --------------------------------: |
+| change |   工具改变时触发   | handler | 返回mapConfig.toolbar中元素的handler属性值 |
+
+### 3.2 OlBasemap
+
+#### Example
 
+    <OlBasemap></OlBasemap>
 
+#### Attributes
+
+| Param    | Type                | Description | Default                |
+| -------- | ------------------- | ----------- | ---------------------- |
+| position | <code>String</code> | 位置          | <code>top-right</code> |
+| offset   | <code>Array</code>  | 位置偏移量       | <code>\[0,0]</code>    |
+
+#### Event
+
+| Name   | Description | Param |                                    |
+| :----- | :---------: | ----: | ---------------------------------: |
+| change |   底图改变时触发   |   ids | 返回mapConfig.baseLayers中当前底图元素的id集合 |
+
+### 3.3 OlDrawer
+
+#### Example
+
+    <OlDrawer></OlDrawer>
+
+#### Attributes
+
+| Param    | Type                | Description | Default                |
+| -------- | ------------------- | ----------- | ---------------------- |
+| snapEnable | <code>Boolean</code> | 是否可捕获          | <code>false</code> |
+| modifyEnable | <code>Boolean</code> | 是否可修改          | <code>false</code> |
+| onceOnly | <code>Boolean</code> | 是否一次性绘制          | <code>false</code> |
+| selectEnable | <code>Boolean</code> | 是否可选中          | <code>false</code> |
+
+#### Event
+
+| Name   | Description | Param |                                    |
+| :----- | :---------: | ----: | ---------------------------------: |
+| change |   底图改变时触发   |   ids | 返回mapConfig.baseLayers中当前底图元素的id集合 |
+
+## 4.其他组件
+
+### 4.1 VTable
+
+#### Example
+
+#### Attributes
+
+| Param       | Type                | Description | Default |
+| ----------- | ------------------- | ----------- | ------- |
+| mapProvider | <code>String</code> | 服务提供者       |         |
+
+#### Event
+
+| Name | Description | Param |
+| :--- | :---------: | ----: |
+|      |             |       |
+
+## 5.工具类
+
+### 5.1 OlHandler
+
+### 5.2 VUtils
+
+## x.xx组件
+
+### x.1 xxx
+
+#### Example
+
+#### Attributes
+
+#### Event