使用指南
使用iframe加载插件(index.html)
url不拼接参数时,不触发任何绘制事件;
拼接参数 ?type=1,开启绘制单点
拼接参数 ?type=2,开启绘制线(注:绘制线段时,支持 鼠标左键双击 / 鼠标右键单击 结束当前线段绘制)
例:...... index.html?type=1
...... index.html?type=2
接口调用示例:
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]]]}
名称 | 含义 | 类型 |
---|---|---|
lon | 地图中心经度 | Number |
lat | 地图中心纬度 | Number |
zoom | 地图缩放级别(1-19) | Number |
注:lon,lat需要同时填写,否则插件则使用默认经纬度定位;
zoom不填写是使用默认缩放级别定位,填写是按照填写的缩放级别定位;