使用指南

1. 使用iframe加载插件（index.html）

2. url不拼接参数时，不触发任何绘制事件；

   拼接参数  ?type=1，开启绘制单点

   拼接参数  ?type=2，开启绘制线（注：绘制线段时，支持 鼠标左键双击 / 鼠标右键单击 结束当前线段绘制）

   例：...... index.html?type=1

   ​        ...... index.html?type=2

3. 插件对外暴露三个接口，分别为showCoordinates，clear，getCoordinates，

   接口调用示例：

   document.querySelector("iframe").contentWindow.clear()

1）通过showCoordinates接口，可以将需要展示的图形传入插件页面中

| 参数 | 是否必填 | 类型   | 含义                                        |
| ---- | -------- | ------ | ------------------------------------------- |
| type | 是       | Number | 传入的图形类型（点，线，多线分别对应1,3,4） |
| data | 是       | Array  | 传入的数据                                  |

例：

点: showCoordinates(1,[99.228515625,40.8802948055282])

线：showCoordinates(3, [[110.12695312499999,43.45291889355465],[107.841796875,37.75334401310656],[102.87597656249999,39.40224434029275]])

多线：showCoordinates(4,[[[110.12695312499999,43.45291889355465],[107.841796875,37.75334401310656],[102.87597656249999,39.40224434029275]],[[108.80859375,37.125286284966805],[102.6123046875,34.30714385628804],[101.337890625,37.23032838760387]]])

2）通过clear接口，可以将插件页面中当前展示的所有图形清空

3）通过getCoordinates，可以获取当前插件页面中所有图形坐标

  返回值示例：

{"Point":[[111.02094097358169,42.78503973104256]],"LineString":[]}

{"Point":[],"LineString":[[[110.60346050483169,41.80174316976357],[115.42645855170667,41.54735592368354]],[[111.85590191108167,41.20109945851664],[117.66766948920667,41.18456509404331]]]}

4. 调用的url后可增加参数lon，lat，zoom

| 名称 | 含义                 | 类型   |
| ---- | -------------------- | ------ |
| lon  | 地图中心经度         | Number |
| lat  | 地图中心纬度         | Number |
| zoom | 地图缩放级别（1-19） | Number |

注：lon，lat需要同时填写，否则插件则使用默认经纬度定位；

​       zoom不填写是使用默认缩放级别定位，填写是按照填写的缩放级别定位；