<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->

- [tsl-map-plotting 地图-地图绘制取点组件](#tsl-map-plotting-%E5%9C%B0%E5%9B%BE-%E5%9C%B0%E5%9B%BE%E7%BB%98%E5%88%B6%E5%8F%96%E7%82%B9%E7%BB%84%E4%BB%B6)
  - [1.使用方法](#1%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95)
  - [2.参数说明](#2%E5%8F%82%E6%95%B0%E8%AF%B4%E6%98%8E)
  - [3.API 说明](#3api-%E8%AF%B4%E6%98%8E)

<!-- END doctoc generated TOC please keep comment here to allow auto update -->

# tsl-map-plotting 地图-地图绘制取点组件

## 1.使用方法
在main.js 中安装

import {TslMapPlotting} from "@tslsmart/ui"
Vue.use(TslMapPlotting)

```
// 使用示例
<tsl-map-plotting
      class="mapPlotting"
      districtname="徐汇区"
      :mapData="mapDataTest"
      :mapParams="mapParamsTest"
      @mapLoaded="testMapLoaded"
      @exportLocation="testExportLocation"
      @message="testMessage"
      :fence="fenceTest"
    ></tsl-map-plotting>
```
## 2.参数说明

| 参数         | 是否必选 | 默认值   | 说明                                  |
| ------------ | -------- | -------- | ------------------------------------- |
| districtname | 可选     | 空       | 区名 eg:徐汇区 渝中区                 |
| isModify     | 必选     | true     | 地图是否可编辑                        |
| mapData      | 必选     | null     | 地图配置参数                          |
| fence        | 可选     | 空字符串 | 地图围栏 (加点模式下，fence 必须有值) |
| mapParams    | 必选     | null     | 地图配置信息                          |

```
// 画线
let mapData={
    state: 'polygon', output: [], isMultiple: false, keyword: '小区', exhibition: true
}


// 画点
let mapData={
    state: 'point', output: [], isMultiple: false, keyword: '设备', exhibition: true
}
```

```
// 高德
let mapParams={
        mapType: "GD",
        url:
          "http://webapi.amap.com/maps?v=1.4.7&key=2e89ebc989557d9731edf8b5e8fd75b6",
        viewMode: "3D",
        pitch: 30,
        expandZoomRange: true,
        zooms: [10, 20],
        zoom: 18.4,
        mapstyle: "amap://styles/b0cb4e73e4bd6c0cf3aa8991b18388fd",
        isRecordExtent: false,
        isShowTextAtMaxZoom: true,
        isShowLayerControl: true,
}


// ESRI
let mapParams={
}
```

## 3.API 说明

| functionName   | 说明         | 返回值                                 |
| -------------- | ------------ | -------------------------------------- |
| mapLoaded      | 地图加载完成 | void                                   |
| exportLocation | 绘制后的点位信息 | []                                  |
| message        | 提示信息     | (type,data) warning/success/error/info |
