空间数据采集插件说明文档.md 2.3 KB

使用指南

  1. 使用iframe加载插件(index.html)

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

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

拼接参数 ?type=2,开启绘制线(注:绘制线段时,支持 鼠标左键双击 / 鼠标右键单击 结束当前线段绘制)

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

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

  1. 插件对外暴露三个接口,分别为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]]]}

  1. 调用的url后可增加参数lon,lat,zoom
名称 含义 类型
lon 地图中心经度 Number
lat 地图中心纬度 Number
zoom 地图缩放级别(1-19) Number

注:lon,lat需要同时填写,否则插件则使用默认经纬度定位;

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