覆盖物

构造函数 说明
Skynet.Marker 点标记
Skynet.Text 纯文本标记
Skynet.Icon 图标类,用于作为 Marker 的 icon 属性

Marker 类

点标记。

构造函数 说明
Skynet.Marker(MarkerOptions) 构造一个点标记对象,通过 MarkerOptions 设置点标记对象的属性
MarkerOptions 类型 说明
map Map 要显示该 marker 的地图对象
position LngLat 点标记在地图上显示的位置
anchor String 设置点标记锚点,默认 center,可选值:'center' , 'top' , 'bottom' , 'left' , 'right' , 'top-left' , 'top-right' , 'bottom-left' , and 'bottom-right'
offset Pixel 点标记默认偏移量
draggable Boolean 标记是否可拖动,默认 false
icon Icon/String 点标记中显示的图标。可以是一个图标地址,或者 Icon 对象。有合法的 content 内容时,此属性无效
content HTMLElement/Text 点标记显示内容,可以是 HTML 要素字符串或者 HTML DOM 对象。content 有效时,icon 属性将被覆盖
visible Boolean 点标记是否可见,默认为 true
cursor String 同 css 的 cursor
angle Number 点标记的旋转度数(TODO)
方法 返回值 说明
remove() Marker 移除点标记
getPosition() LngLat 获取点标记地理坐标
setPosition(LngLat) Marker 设置点标记地理坐标
getDraggable() Boolean 获取点标记是否可拖动
setDraggable(Boolean) Marker 设置点标记是否可拖动
getOffset() Pixel 获取点标记偏移量
setOffset(Pixel) Marker 设置点标记偏移量

Text 类

文本标记。继承自 Marker 类。

构造函数 说明
Skynet.Marker(TextOptions) 构造一个文本标记对象,通过 TextOptions 设置文本标记对象的属性
TextOptions 类型 说明
text String 标记显示的文本内容
style Object 文本样式,O 同 css 样式表
方法 返回值 说明
getText() String 获取标记文本
setText(text:String) Text 设置标记文本

其余见 Marker 类。

Icon 类

表示点标记的图标。

构造函数 说明
Skynet.Icon(IconOptions) 构造一个点标记图标,通过 IconOptions 设置点标记图标的属性
IconOptions 类型 说明
size Size 图标尺寸,默认值(30,30)
image String 图标的地址。默认为蓝色图钉图片
imageOffset Pixel 图标取图偏移量
imageSize Size 图标所用图片大小
方法 返回值 说明
getImageSize() Size 获取图片使用大小
setImageSize(Size) Icon 设置图片使用大小

矢量图形

待写...

// TODO 矢量图形文档
let point = { type: 'Point', coordinates: [118.74799478, 31.993964852] };

let points = [
  [118.74694788541194, 31.994464852306763],
  [118.75063860502217, 31.994701429075462],
  [118.75033819762149, 31.992645010616897],
];
let linestring = {
  type: 'LineString',
  coordinates: points,
};

let points2 = [
  [118.74855827266532, 31.993154088068593],
  [118.74909471445926, 31.993208683542633],
  [118.74885868007095, 31.992626330151396],
  [118.74855827266532, 31.993154088068593],
];
let polygon = {
  type: 'Feature',
  properties: {},
  geometry: {
    type: 'Polygon',
    coordinates: [points2],
  },
};

// 添加矢量图形
map.edit.draw.add(feature);

// 监听事件
map.on('draw.create', e => {
  console.log(e);
});