全景编辑器

沙盘地图

沙盘地图

沙盘面板用于创建全景项目的全局鸟瞰导航地图。当项目包含多个场景时,沙盘为用户提供直观的空间方位感和快速的场景跳转能力。


沙盘底图

底图类型

沙盘底部的背景图支持两种模式:

自定义图片底图

  • 上传项目的平面户型图、园区鸟瞰图、楼层平面图等
  • 支持 JPG/PNG 格式
  • 建议使用高分辨率底图(2000px 以上)确保缩放后清晰

在线地图底图

  • 接入在线地图 SDK(如高德地图、腾讯地图)
  • 自动根据 GPS 坐标定位显示真实地图
  • 适合户外景区、城市商圈等需要真实地理位置的项目

底图配置

  • 缩放级别:设定底图的初始显示缩放比例
  • 拖拽平移:用户是否可以拖拽移动沙盘地图
  • 缩放控制:用户是否可以双指/滚轮缩放沙盘
  • 边界限制:限制沙盘平移不超出底图边缘

场景点位标注

添加场景标记

在沙盘底图上为每个全景场景标注对应的位置坐标:

  1. 在沙盘底图上点击目标位置
  2. 从下拉列表中选择要绑定的全景场景
  3. 标记点自动在该位置生成

标记样式

  • 标记图标:使用系统默认的圆点图标或上传自定义标记图标
  • 标记大小:调整标记点的显示尺寸
  • 标记颜色:自定义标记点的颜色用于区分不同区域
  • 标题文字:在标记点旁显示场景名称文字

标记交互

  • 点击跳转:用户在沙盘上点击某个标记点后,全景自动切换到对应场景
  • 当前高亮:当前正在浏览的场景对应的标记点会高亮显示
  • 悬停预览:鼠标悬停在标记点上时显示该场景的缩略图预览

雷达视锥

雷达是沙盘最具特色的功能,在当前场景的标记点上绘制一个实时同步的扇形指示器:

视锥原理

  • 扇形的朝向与全景画面中用户的观看方向实时同步
  • 用户向左拖拽全景,雷达扇形也同步向左旋转
  • 扇形的角度对应当前的 FOV(视场角),放大画面时扇形变窄,缩小画面时扇形变宽

雷达参数

  • 扇形颜色:雷达视锥填充色及透明度
  • 扇形半径:雷达扇形的大小
  • 描边颜色:扇形扇形的轮廓线颜色

应用价值

  • 让用户清楚知道自己当前「面朝哪个方向」
  • 在大型园区项目中极其重要,帮助用户建立空间定向感
  • 配合场景标记点,用户可以在沙盘全局视野和全景沉浸视野之间无缝切换

多层级沙盘

对于多楼层建筑(如商场、写字楼、博物馆),支持创建多层沙盘:

  • 楼层列表:在沙盘面板中创建多个楼层页签(如 F1、F2、F3)
  • 独立底图:每个楼层可上传各自的平面图底图
  • 独立标记:每个楼层有自己的场景标记点集合
  • 楼层切换:用户通过楼层标签页快速切换不同楼层的沙盘视图
  • 跨层联动:点击其他楼层的场景标记时自动跳转到对应全景并切换到对应楼层沙盘

沙盘显示配置

查看器中的沙盘

发布后沙盘在查看器中的显示方式:

  • 位置:左下角 / 右下角 / 左上角 / 右上角
  • 初始状态:默认展开 / 默认收起(用户点击图标后展开)
  • 尺寸:小窗 / 中窗 / 大窗 / 全屏模式
  • 半透明度:沙盘浮窗的背景透明度