@vsleem-realsee-viewer/realsee-plugin
v2.0.30
Published
Realsee plugin for VSLeem RealSee Viewer
Readme
1. Realsee全景组件
1.1 介绍
用于将全景图展示在页面上的组件，组件包含轨迹小地图组件，播放栏组件，全景标记，全景交互等功能
依赖@vsleem-realsee-viewer/shared（共享类）
1.2 RealseeProps 参数说明
| 参数名 | 类型 | 默认值 | 说明 |
| ------------------- | -------------------------------------------------------- | ------------------------------ | ------------------------------------------ |
| appSetting | AppSetting | 请查看AppSetting类型默认值 | 应用全局配置 |
| searchInfo | SearchInfo | - | 数据查询条件参数 |
| realseeSetting? | RealseeSetting | 请查看RealseeSetting类型默认值 | 全景功能专用配置 |
| viewer? | ViewerProps | 请查看ViewerProps类型默认值 | 全景相关属性配置 |
| marker? | MarkerProps | 请查看MarkerProps类型默认值 | 标记点相关属性配置 |
| playbar? | PlaybarProps | 请查看PlaybarProps类型默认值 | 播放器控制栏配置 |
| map? | MapProps | 请查看MapProps类型默认值 | 小地图配置 |
| immediate? | boolean | true | 是否立即发起数据请求 |
| fetchParams? | Record<string, any> | - | 自定义请求参数（排除坐标系相关接口） |
| handleResponseFn? | (res: TrackRecordModel) => Promise<TrackRecordModel> | - | 自定义响应数据处理（需返回处理后的数据） |
| fetchSuccess? | (record: TrackRecord, coordinate?: Coordinate) => void | - | 请求成功回调（coordinate为可选坐标参数） |
| fetchError? | (error: any) => void | - | 请求失败回调 |
|
1.3 AppSetting 类型说明
| 参数名 | 类型 | 默认值 | 说明 |
| --------------- | --------------------------------- | ------------------------ | ------------------------------------------------------ |
| baseUrl? | string | https://vsleem.com/api | 用于配置应用后端服务的根路径 |
| authorizeCode | string | - | 用于API身份验证和授权的凭证 |
| locale? | string | LocaleType.zh_CN | 当前语言 |
| obsPrefix? | string | - | 用于在对象存储中组织文件的目录路径(不可用) |
| obsType? | string | hs | 指定使用的对象存储服务提供商 huawei | aliyun | hs 等 |
| obsTiles? | { cols: number; rows: number } | - | 对象存储瓦片数量（需与obsType同时使用） |
1.4 RealseeSetting 类型说明
| 参数名 | 类型 | 默认值 | 说明 |
| ------------------ | ---------- | ---------------- | ------------------------------------ |
| pointLax? | number | 0 | 路径点稀疏系数 |
| pointType? | number | 0 | 迹点展示模式：0=点位模式，1=距离模式 |
| pointNumber? | number | 5 | 展示前后多少个点 |
| pointDistance? | number | 5 | 展示轨迹点范围内的点 |
| preloadStep? | number | 5 | 全景预加载数量 |
| trackColorRange? | string[] | TRACK_COLOR_LIST | 轨迹颜色范围 |
| pathPin? | any | pinIcon | 路径图钉 |
| pathRedPin? | any | redPinIcon | 红色路径图钉(有问题标记的路径图钉) |
const TRACK_COLOR_LIST = [
'#3CDE99',
'#DE3CB9',
'#683CDE',
'#3CA0DE',
'#D8DE3C',
'#DEA03C',
'#DE3C3C',
]1.5 SearchInfo 类型说明
| 参数名 | 类型 | 默认值 | 说明 |
| ------------ | -------------------- | ------ | ------------------------------ |
| projectId | number | - | 项目唯一标识 |
| patrolId | string \| string[] | - | 巡检记录id或id集合 |
| pointId? | string | - | 轨迹点标识（用于定位具体点位） |
| modelCsId? | number | - | 模型坐标系标识 |
1.6 RealseeStore 类型说明
| 属性/方法 | 类型/签名 | 说明 |
| ----------------------- | --------------------------------------------------------- | ------------------------------------------ |
| ready | boolean | 是否加载完成 |
| coordinateTree? | Coordinate | 坐标系树数据 |
| mappedCoordinateTree? | Coordinate | 映射坐标系树数据 |
| rawDataSource | Map<string, TrackRecord> | 原始所有巡检记录集合 |
| dataSource | Map<string, TrackRecord> | 展示的所有巡检记录集合 |
| comCoordinate? | Coordinate | 所有记录集合共有的空间坐标系 |
| currentModel? | Coordinate | 当前选中的模型坐标系 |
| currentSpace? | Coordinate | 当前模型所属的空间坐标系 |
| currentRawRecord? | TrackRecord | 当前选中的原始巡检记录 |
| currentRecord? | TrackRecord | 当前选中的巡检记录 |
| currentRawPoint? | TrackPoint | 当前选中的原始轨迹点 |
| currentPoint? | TrackPoint | 当前选中的轨迹点 |
| currentMarker? | TrackMarker | 当前选中的问题标记 |
| currentPointMarkers | TrackMarker[] | 当前点关联的所有问题标记列表 |
| groupedMarkers | Map<TrackPoint, TrackMarker[]> | 根据坐标点对所有巡检记录的问题标记进行分组 |
| reload | (searchInfo: SearchInfo) => Promise<void> | 重新加载数据（包含 projectId 和 patrolId） |
| fetchRecord | (patrolId: string) => Promise<TrackRecord \| undefined> | 获取单条巡检记录 |
| selectModel | (coordinate: Partial<Coordinate>) => void | 选择模型（找不到对应模型时抛出错误） |
| selectRecord | (record: Partial<TrackRecord>) => void | 选择巡检记录（找不到对应记录时抛出错误） |
| selectPoint | (point: Partial<TrackPoint>) => void | 选择轨迹点（找不到对应点时抛出错误） |
| selectMarker | (marker: Partial<TrackMarker>) => void | 选择问题标记（找不到对应标记时抛出错误） |
| setReferPoint | (current: TrackPoint, options: PanoOptions) => void | 设置参考点来找最近的轨迹点(视图对比使用) |
| addMarker | (marker: TrackMarker) => void; | 添加问题标记 |
| removeMarker | (marker: Partial<TrackMarker>) => void | 移除问题标记 |
| updateMarker | (marker: Partial<TrackMarker>) => void | 要更新的标记数据（包含patrolId和id） |
| hasRecord | (id: string) => boolean | 检查指定ID的记录是否存在 |
| getRecord | (id: string) => TrackRecord \| undefined | 获取指定ID的记录对象 |
| addRecord | (id: string) => Promise<TrackRecord \| undefined> | 添加新记录 |
| batchAddRecords | (ids: string[]) => Promise<void> | 批量添加巡检记录 |
| removeRecord | (id: string) => boolean | 移除指定记录 |
| updateRecord | (record: TrackRecord) => Promise<void> | 更新记录数据 |
| findClosestBIMModel | () => Coordinate \| undefined | 获取当前模型在映射坐标系树最近的bimsee模型 |
| findClosestPoint | (current: TrackPoint): TrackPoint \| undefined | 查找距离给定点最近的轨迹点 |
| normalizeToModelPoint | (current: TrackPoint) => TrackPoint \| undefined | 将参考点坐标归一化到当前的模型坐标系 |
1.7 RealseeElement 实例对象
| 属性/方法 | 类型/签名 | 说明 |
| -------------- | ------------------------------------------ | -------------------------------------------------------------------- |
| storeRef | ComputedRef<RealseeStore> | 存储对象引用 |
| getStore() | () => RealseeStore | 获取状态管理库实例 |
| getViewer() | () => ViewerElement \| undefined | 获取全景视图控制器（未配置 viewer 时返回 undefined） |
| getMarker() | () => MarkerElement \| undefined | 获取标记点控制器（未配置 marker 时返回 undefined） |
| getPlaybar() | () => PlaybarElement \| undefined | 获取播放控制栏实例（未配置 playbar 或配置为 false 时返回 undefined） |
| getMap() | () => MapElement \| undefined | 获取小地图实例（未配置 map 或配置为 false 时返回 undefined） |
| getOptions() | () => RealseeProps | 获取当前运行时配置（包含实际生效的配置） |
| getState() | () => RealseeProps | 获取初始化配置（返回原始配置参数） |
| setState() | (options: UpdatableRealseeProps) => void | 动态更新可修改配置（注意：部分配置初始化后不可更改 |
1.8 RealseeEvents 事件说明
| 事件名称 | 参数类型 | 说明 |
| ----------------------- | ------------------------------- | ------------------------ |
| ready | () => void | 触发基本准备就绪事件 |
| reload | () => void | 触发重新加载事件 |
| destroy | () => void | 触发组件销毁事件 |
| changeModel | (model: Coordinate) => void | 处理模型变化事件 |
| changeRecord | (record: TrackRecord) => void | 处理记录变化事件 |
| changePoint | (point: TrackPoint) => void | 处理点的变更事件 |
| mapReady | () => void | 触发地图准备就绪事件 |
| mapResize | () => void | 触发地图尺寸改变事件 |
| mapCollapse | (value: number) => void | 触发小地图展开/折叠事件 |
| mapDragger | () => void | 触发地图拖动事件 |
| mapSelectPoint | (point: TrackPoint) => void | 选择地图上的点事件 |
| mapAngleUpdated | (value: number) => void | 更新地图雷达角度事件 |
| viewerReady | () => void | 触发视图准备就绪事件 |
| viewerClick | (e: any) => void | 触发视图点击事件 |
| viewerMousedown | (e: any) => void | 处理视图鼠标按下事件 |
| viewerSizeUpdated | (e: any) => void | 更新视图容器变化事件 |
| viewerZoomUpdated | (e: any) => void | 更新视图缩放信息事件 |
| viewerPositionUpdated | (e: any) => void | 更新视图位置事件 |
| viewerPanoramaLoaded | (e: any) => void | 视图全景图加载完成事件 |
| viewerPanoramaError | (e: any) => void | 视图全景图加载失败事件 |
| viewerSelectPoint | (point: TrackPoint) => void | 在视图中选择一个点事件 |
| viewerSelectMarker | (point: TrackPoint) => void | 在视图中选择一个标记事件 |
| playbarReady | () => void | 触发播放条准备就绪事件 |
| playbarBackward | (value: number) => void | 触发播放条后退事件 |
| playbarPause | (value: number) => void | 触发播放条暂停事件 |
| playbarPlay | (value: number) => void | 触发播放条播放事件 |
| playbarForward | (value: number) => void | 触发播放条前进事件 |
| playbarSpeed | (speed : number) => void | 更新播放条速度事件 |
| playbarSlider | (index: number) => void | 触发播放条滑块变化事件 |
| playbarSelectPoint | (step : number) => void | 选择播放条上的点事件 |
1.9 Realsee Slot 插槽说明
| 插槽名称 | 参数类型 | 说明 |
| ---------------- | ----------------------- | ---------------- |
| default | (slot) => void | 默认插槽 |
| mapDefault | (mapSlot) => void | 地图默认插槽 |
| mapExtra | (mapSlot) => void | 地图额外信息插槽 |
| mapLeft | (mapSlot) => void | 地图左侧插槽 |
| mapRight | (mapSlot) => void | 地图右侧插槽 |
| playbarDefault | (playbarSlot) => void | 播放条默认插槽 |
| playbarBox | (playbarSlot) => void | 播放条盒子插槽 |
| playbarButton | (playbarSlot) => void | 播放条按钮插槽 |
| playbarCaption | (playbarSlot) => void | 播放条标题插槽 |
| playbarSlider | (playbarSlot) => void | 播放条滑块插槽 |
type slot= {
dataSource: Map<string, TrackRecord> | undefined;
coordinateTree: Coordinate | undefined;
mappedCoordinateTree: Coordinate | undefined;
currentSpace: Coordinate | undefined;
currentModel: Coordinate | undefined;
currentRecord: TrackRecord | undefined;
currentPoint: TrackPoint | undefined;
currentPointMarkers: TrackMarker[] | undefined;
currentMarker: TrackMarker | undefined;
}
type mapSlot = slot & {
state: Required<Partial<MapProps>>;
}
type playbarSlot = slot & {
state: Required<Partial<PlaybarProps>>;
}2. Viewer 视图组件
2.1 介绍
一个用于展示360°全景图的组件
2.2 ViewerProps 类型说明
ViewerProps 类型继承 core.viewerconfig，更多属性请参考https://photo-sphere-viewer.js.org/api/types/core.viewerconfig
| 属性 | 类型 | 默认值 | 说明 |
| ----------------- | ----------------- | --------------------------- | -------------- |
| ...ViewerConfig | ...ViewerConfig | 请查看VIEWER_CONFIG默认配置 | 视图配置 |
| viewMode | number | ViewModeEnum.Auto | 视图预览模式 |
| loadingPh | boolean | false | 是否加载占位图 |
type ReadonlyViewerConfig = 'container' | 'panorama' | 'keyboard' | 'keyboardActions';
type ViewerProps = Omit<ViewerConfig, ReadonlyViewerConfig>;2.3 ViewerElement 实例对象
| 属性/方法 | 类型签名 | 说明 |
| -------------------- | ------------------------------------------------------------------------- | -------------------- |
| getState | ()=> UpdatableViewerProps \| undefined | 获取当前视图配置选项 |
| setState | (options?: UpdatableViewerProps) => void | 更新视图配置选项 |
| isMouseover | ()=> boolean | 获取鼠标悬停状态 |
| isMousedown | ()=> boolean | 获取鼠标按下状态 |
| setMousedown | (mousedown: boolean) => void | 设置鼠标按下状态 |
| setMouseover | (mouseover: boolean) => void | 设置鼠标悬停状态 |
| setPanoramaPath | (path: any, options?: PanoramaOptions) => Promise<boolean \| undefined> | 加载全景图 |
| setViewerStatus | (options?: PanoOptions) => void | 设置全景图专用选项 |
| setMoveDirection | (value?: number) => void | 设置球面视角方向选项 |
| updateMarkers | () => void | 更新在全景图上的标记 |
| updateViewer | () => void | 刷新视图 |
| preloadPanorama | () => void | 预加载全景图资源 |
| loadMarkers | () => void | 加载全景图上的标记 |
| getPanoramaOptions | (currentPoint?: TrackPoint) => PanoramaOptions | 获取全景图选项 |
| getTransitionSpeed | (speed: number) => number | 获取视图转换速度 |
| getMovePosition | (currentPoint?: TrackPoint) => Position \| undefined | 获取视图转换位置 |
2.4 ViewerEvents 事件说明
Viewer 实例对象事件监听说明请参考https://photo-sphere-viewer.js.org/api/modules/core.eventsMarker 实例对象事件监听说明请参考https://photo-sphere-viewer.js.org/api/modules/markersplugin.events以下是自定义事件说明
| 事件名称 | 参数类型 | 说明 |
| ----------------- | ----------------------------- | ------------------------------ |
| register | -- | 注册视图事件 |
| ready | () => void | 触发视图准备就绪事件 |
| click | (e: any) => void | 处理视图点击事件 |
| mousedown | (e: any) => void | 处理视图鼠标按下事件并折叠地图 |
| sizeUpdated | (e: any) => void | 更新视图容器变化 |
| zoomUpdated | (e: any) => void | 更新视图缩放信息 |
| positionUpdated | (e: any) => void | 更新视图位置 |
| panoramaLoaded | (e: any) => void | 视图位全景图加载完成 |
| panoramaError | (e: any) => void | 视图位全景图加载失败 |
| selectPoint | (point: TrackPoint) => void | 在视图中选择一个点相关事件 |
| selectMarker | (point: TrackPoint) => void | 在视图中选择一个标记事件 |
2.5 MarkerProps 类型说明
MarkerProps 类型继承 markersplugin.markerspluginconfig，更多属性请参考https://photo-sphere-viewer.js.org/api/types/markersplugin.markerspluginconfig以下是自定义参数说明MarkerOptions 类型继承 markersplugin.markerconfig，请参考https://photo-sphere-viewer.js.org/api/types/markersplugin.markerconfig
| 属性 | 类型 | 默认值 | 描述 |
| -------------------------- | ----------------------------------------------- | --------------------------------- | ------------------------------------------------------------------------- |
| ...MarkersPluginConfig | ...MarkersPluginConfig | 请查看MarkersPluginConfig默认配置 | 标记配置 |
| onPointChange? | (e: events.SelectMarkerEvent) => Promise<any> | - | 全景上点击轨迹点回调，参数为关闭函数，返回 promise 时 rejected 后停止执行 |
| onMarkerChange? | (e: events.SelectMarkerEvent) => Promise<any> | - | 全景上点击标记点回调，参数为关闭函数，返回 promise 时 rejected 后停止执行 |
| handleViolationMarkerFn? | (marker: MarkerOptions) => MarkerOptions | - | 处理轨迹点上的标记 |
| handlePathMarkerFn? | (marker: MarkerOptions) => MarkerOptions | - | 处理路径标记 |
type MarkerProps = MarkersPluginConfig & {
onPointChange?: (e: events.SelectMarkerEvent) => Promise<any>;
onMarkerChange?: (e: events.SelectMarkerEvent) => Promise<any>;
handleViolationMarkerFn?: (marker: MarkerOptions) => MarkerOptions;
handlePathMarkerFn?: (marker: MarkerOptions) => MarkerOptions;
};2.6 MarkerElement 实例对象
-MarkerElement 继承 Marker 对象，更多方法请参考https://photo-sphere-viewer.js.org/api/classes/markersplugin.markersplugin
| 属性/方法 | 类型/签名 | 默认值 | 说明 |
| ------------------ | ------------------ | -------------------- | -------- |
| ...MarkersPlugin | ...MarkersPlugin | 请查看Marker默认配置 | 视图配置 |
type MarkerElement = MarkersPlugin3. Playbar 播放器组件
3.1 介绍
一个用于播放全景图的组件
3.2 PlaybarProps 类型说明
| 属性 | 类型 | 默认值 | 说明 |
| ----------------- | ----------------- | ---------------------------- | -------------------------------- |
| style? | CSSProperties | - | 播放栏浮层的样式，调整浮层位置等 |
| showPlay? | boolean | true | 是否显示播放/暂停按钮 |
| showSpeed? | boolean | true | 是否显示快进按钮 |
| speed? | number | 1000 | 当前播放速度 单位毫秒 |
| baseSpeed? | number | 1000 | 基准速度 单位毫秒 |
| step? | number | 0.5 | 播放倍数步长 |
| threshold? | number | 2000 | 播放速度阈值 单位毫秒 |
| rotation? | PlaybarRotation | 请查看PLAYBAR_CONFIG默认配置 | 旋转到路径/视角方向选项 |
| readonly count? | number | - | 轨迹点总数 |
| readonly index? | number | - | 当前第几个轨迹点 |
3.3 PlaybarElement 属性/方法说明
| 属性/方法 | 类型/签名 | 说明 |
| ---------- | --------------------------------------------------- | ------------ |
| getState | () => UpdatablePlaybarProps | 获取配置选项 |
| setState | (options: Partial<UpdatablePlaybarProps>) => void | 设置配置选项 |
| backward | () => void | 后退 |
| play | () => void | 播放 |
| pause | () => void | 暂停 |
| forward | () => void | 前进 |
| slider | () => void | 滑动 |
| speed | () => void | 快进 |
| playNext | () => void | 播放下一个 |
3.4 PlaybarEvents 事件说明
| 事件名称 | 参数类型 | 说明 |
| ------------- | -------------------------- | -------------- |
| register | -- | 注册播放器事件 |
| ready | () => void | 准备就绪 |
| backward | (index: number) => void | 后退操作 |
| pause | (index: number) => void | 暂停操作 |
| play | (index: number) => void | 播放操作 |
| forward | (index: number) => void | 前进操作 |
| speed | (speed?: number) => void | 快进操作 |
| slider | (index: number) => void | 滑动条变动 |
| selectPoint | (index: number) => void | 改变轨迹点 |
3.5 Playbar Slot 插槽说明
| 插槽名称 | 参数类型 | 说明 |
| --------- | ---------------- | -------------- |
| default | (slot) => void | 播放条默认插槽 |
| box | (slot) => void | 播放条盒子插槽 |
| button | (slot) => void | 播放条按钮插槽 |
| caption | (slot) => void | 播放条标题插槽 |
| slider | (slot) => void | 播放条滑块插槽 |
type slot= {
dataSource: Map<string, TrackRecord> | undefined;
coordinateTree: Coordinate | undefined;
mappedCoordinateTree: Coordinate | undefined;
currentSpace: Coordinate | undefined;
currentModel: Coordinate | undefined;
currentRecord: TrackRecord | undefined;
currentPoint: TrackPoint | undefined;
currentPointMarkers: TrackMarker[] | undefined;
currentMarker: TrackMarker | undefined;
state: Required<Partial<PlaybarProps>>;
}4. Map 小地图组件
4.1 介绍
一个用于展示巡检轨迹点的组件
4.2 MapProps 类型说明
| 属性 | 类型 | 默认值 | 说明 |
| ---------------------- | ------------------------------------------------------------- | ------------------------- | --------------------------------------------------------------------------- |
| style? | CSSProperties | - | 地图样式 |
| showRadar? | boolean | true | 是否显示雷达 |
| showPoint? | boolean | true | 是否显示选中的点 |
| showMarker? | boolean | true | 是否显示标记 |
| showDragger? | boolean | true | 是否显示拖动按钮 |
| minSize? | number | 200 | 最小尺寸 |
| maxSize? | number | 500 | 最大尺寸 |
| size? | number | 200 | 小地图尺寸 |
| radarYaw? | number | 0 | 雷达偏航角 |
| radarHFov? | number | 0 | 雷达水平视野角 |
| rotation? | boolean | true | 选中帧后是否旋转到路径/视角方向 |
| tileLayers? | TileLayer[] | 请查看TILE_LAYERS默认配置 | 地理地图瓦片图层列表 |
| readonly radarAngle? | number | 0 | 雷达角度（只读） |
| onPointChange? | (point: TrackPoint,markers?: TrackMarker[]) => Promise<any> | - | 小地图上点击轨迹点回调，参数为关闭函数，返回 promise 时 rejected 后停止执行 |
4.3 MapElement 属性/方法说明
| 属性/方法 | 类型/签名 | 说明 |
| -------------- | ----------------------------------------------- | ------------------ |
| getState | () => UpdatableMapProps | 获取配置选项 |
| setState | (options: Partial<UpdatableMapProps>) => void | 设置配置选项 |
| setSize | (size: number) => void | 设置小地图容器大小 |
| setCollapse | (value: boolean) => void | 展开/折叠小地图 |
| setRadarYaw | (yaw: number) => void | 设置雷达偏航角 |
| setRadarHFov | (hFov: number) => void | 设置雷达水平视野角 |
| needUpdate | () => void | 需要更新状态 |
4.4 MapEvents 事件说明
| 事件名称 | 参数类型 | 说明 |
| -------------- | -------------------------- | ----------------- |
| register | -- | 注册小地图事件 |
| ready | () => void | 触发准备事件 |
| collapse | (value: boolean) => void | 触发折叠/展开事件 |
| dragger | (value: number) => void | 拖动事件 |
| selectPoint | (index: number) => void | 改变轨迹点 |
| angleUpdated | (value: number) => void | 触发雷达角度事件 |
4.5 Map Slot 插槽说明
| 插槽名称 | 参数类型 | 说明 |
| --------- | ---------------- | ---------------- |
| default | (slot) => void | 地图默认插槽 |
| extra | (slot) => void | 地图额外信息插槽 |
| left | (slot) => void | 地图左侧插槽 |
| right | (slot) => void | 地图右侧插槽 |
type slot= {
dataSource: Map<string, TrackRecord> | undefined;
coordinateTree: Coordinate | undefined;
mappedCoordinateTree: Coordinate | undefined;
currentSpace: Coordinate | undefined;
currentModel: Coordinate | undefined;
currentRecord: TrackRecord | undefined;
currentPoint: TrackPoint | undefined;
currentPointMarkers: TrackMarker[] | undefined;
currentMarker: TrackMarker | undefined;
state: Required<Partial<MapProps>>;
}5. 导出的类型声明对象
import '@photo-sphere-viewer/core/index.css';
import '@photo-sphere-viewer/markers-plugin/index.css';
import 'leaflet/dist/leaflet.css';
/** 组件导出 */
export { Map, Playbar, Realsee as RealseePlugin, Viewer } from '@vsleem-realsee-viewer/realsee-plugin';
export { default as Realsee } from '@vsleem-realsee-viewer/realsee-plugin';
/** 核心类导出 */
export { TrackMarker, TrackPoint, TrackRecord } from '@vsleem-realsee-viewer/realsee-plugin';
/** 钩子函数导出 */
export { useRealsee } from '@vsleem-realsee-viewer/realsee-plugin';
/** 数据模型类型导出 */
export type {
TrackMarkerModel /** 轨迹标记模型 */,
TrackPointModel /** 轨迹点模型 */,
TrackRecordModel /** 轨迹记录模型 */,
} from '@vsleem-realsee-viewer/realsee-plugin';
/** 配置相关类型导出 */
export type {
AppSetting /** 应用设置 */,
MarkerOptions /** 标记选项 */,
PanoOptions /** 部分全景图选项*/,
PanoramaOptions /** 全景图选项 */,
PanoramaSize /** 全景图尺寸 */,
PlaybarRotation /**播放栏旋转选项 */,
RealseeSetting /** Realsee 配置 */,
SearchInfo /** 搜索信息 */,
TileLayer /**瓦片图层 */,
TileLayerOptions /**瓦片图层选项 */,
} from '@vsleem-realsee-viewer/realsee-plugin';
/** 组件属性类型导出 */
export type {
MapElement /** 地图元素类型 */,
MapProps /** 地图属性 */,
MarkerElement /** 标记元素类型 */,
MarkerProps /** 标记属性 */,
PlaybarElement /** 播放控制条元素类型 */,
PlaybarProps /** 播放控制条属性 */,
RealseeElement /** Realsee 元素类型 */,
/** Realsee 相关 */
RealseeProps /** Realsee 组件属性 */,
RealseeStore /** Realsee 状态管理元素类型 */,
/** 地图相关 */
UpdatableMapProps /** 可更新的地图属性 */,
/** 标记相关 */
UpdatableMarkerProps /** 可更新的标记属性 */,
/** 播放控制条相关 */
UpdatablePlaybarProps /** 可更新的播放控制条属性 */,
/** 视图相关 */
UpdatableViewerProps /** 可更新的视图属性 */,
ViewerElement /** 视图元素类型 */,
ViewerProps /** 视图属性 */,
} from '@vsleem-realsee-viewer/realsee-plugin';
/** 配置常量导出 */
export {
APP_SETTING /** 全局默认配置 */,
MAP_CONFIG /** 地图默认配置 */,
MAP_GEO_OPTIONS /**地理地图选项 */,
MARKER_CONFIG /** 标记默认配置 */,
PLAYBAR_CONFIG /** 播放控制条默认配置 */,
REALSEE_CONFIG /** Realsee 全局配置 */,
REALSEE_SETTING /** Realsee 默认设置 */,
TILE_LAYERS /**地图瓦片图层配置 */,
TRACK_COLOR_LIST /** 轨迹的颜色 */,
VIEWER_CONFIG /** 视图默认配置 */,
} from '@vsleem-realsee-viewer/realsee-plugin';
/**枚举类型导出 */
export {
ViewModeEnum /**方向模式 */,
DirectionMoveEnum /**方向旋转 */,
RealseeErrorCode /**全景业务错误码枚举（扩展无返回值错误） */,
TrackRecordTypeEnum /**巡检记录类型枚举 */,
} from '@vsleem-realsee-viewer/realsee-plugin';
6. 示例
通过以下方式来注册组件
6.1 安装
npm install @vsleem-realsee-viewer/realsee-plugin @vsleem-realsee-viewer/shared
pnpm add @vsleem-realsee-viewer/realsee-plugin @vsleem-realsee-viewer/shared
6.2 例子
vsleem-realsee-demo仓库下的views/realsee
仓库地址：https://gitee.com/yangleistudio/vsleem-realsee-demo