zjyzt_gis_master_web_ui/public/static/package/draw/绘制点线面插件说明文档.md

使用指南

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

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

接口调用示例：

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

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

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

例：

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

多点：showCoordinates(2,[[99.228515625,40.88029480552824], [103.4912109375,40.613952441166596]])

线：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]]])

面：showCoordinates(5,[[[95.4052734375,45.767522962149876],[96.50390625,38.03078569382294],[101.953125,39.53793974517628],[ 95.4052734375,45.767522962149876]]])

多面：showCoordinates(6,[[[[95.4052734375,45.767522962149876],[96.50390625,38.03078569382294],[101.953125,39.53793974517628],[ 95.4052734375,45.767522962149876]]],[[[103.5791015625,35.71083783530009],[103.974609375,33.394759218577995],[108.984375,33.687781758439364],[108.5888671875,35.92464453144099],[103.5791015625,35.71083783530009]]]])

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

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

返回值示例：{"Polygon":[[[[111.94379253608167,40.71990869432818],[110.64740581733167,39.340371922695],[114.54755230170667,39.382842797308086],[114.36078472358167,40.2016580607922],[111.94379253608167,40.71990869432818]]],[[[116.36029644233166,39.71322862173966],[116.48114605170667,39.340371922695],[114.93207378608167,40.117695055586466],[116.36029644233166,39.71322862173966]]]],"LineString":[[[110.60346050483169,41.80174316976357],[115.42645855170667,41.54735592368354]],[[111.85590191108167,41.20109945851664],[117.66766948920667,41.18456509404331]]],"Point":[[111.02094097358169,42.78503973104256],[114.60248394233167,42.67205558513024]]}

操作指南

1. 请当iframe加载后再调用各类方法
2. 触发编辑功能时，绘制和选择功能会被强制退出
3. 绘制时，无法选择和编辑
4. 在绘制和编辑功能都退出时，可选择图形，点击图形单独选中，按住shift键后再点击图形可进行多选操作
5. 删除功能规则：当前已有选择的图形时，仅删除已选择的图形；若当前没有选择图形，则删除地图中所有图形