选点并创建标签

const coordinate = await viewer.engine?.pickPoint();

打开 API 调试

选点并创建标签

const coordinate = await viewer.engine?.pickPoint();

if (coordinate) {
  viewer.engine?.createLabel({
    id: 'camera-001',
    coordinate,
    icon: '/icons/camera.svg',
    name: '一层大厅摄像头',
    iconSize: { width: 28, height: 28 },
    data: { camera: { url: 'https://example.com/live/001.m3u8' } }
  });
}

标签支持 createLabels() 批量创建、updateLabel() 更新、deleteLabel() 删除、getLabels() 查询和 clearLabels() 清空。id 应放在标签对象外层,不要放入 data。

const off = viewer.engine?.onLabelClick(({ id, label }) => {
  console.log(id, label.data);
});

2D 和 GIS Viewer 也提供相同的标签 API;GIS 标签优先使用 longitude、latitude、height。