使用指南 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. 删除功能规则:当前已有选择的图形时,仅删除已选择的图形;若当前没有选择图形,则删除地图中所有图形