Photo Sphere Viewer如何让初始视角默认为最小

js yekong

Photo Sphere Viewer

要让 Photo Sphere Viewer 的初始视角(FOV)与最小值保持一致,您可以这样设置:

  1. 设置 minFov 为您想要的最小视角值。
  2. maxFov 设置为与 minFov 相同的值。
  3. defaultZoomLvl 设置为 0。

以下是修改后的 initViewer 方法示例:

initViewer(panorama) {
  if (this.viewer) {
    this.viewer.destroy();
  }

  const room = this.getRoomById(this.selectedRoom);

  this.viewer = new Viewer({
    container: 'viewer',
    panorama: panorama,
    caption: '',
    defaultYaw: room.default[1],
    defaultPitch: room.default[0],
    defaultZoomLvl: 0, // 设置为0,确保初始视角为最小FOV
    fisheye: false, // 禁用鱼眼效果
    plugins: [
      // ... 其他插件配置
    ]
  });

  // ... 其他代码
}

这样设置的原因是:

  1. minFovmaxFov 设置为相同值(例如50),限制了FOV的范围。

  2. defaultZoomLvl 设置为0,表示初始缩放级别为最大缩放(即最小FOV)。

  3. 禁用 fisheye 效果,因为它会影响视角的呈现。

通过这种配置,您可以确保初始视角始终与最小FOV保持一致,同时也限制了用户进一步缩小的能力。如果您希望允许用户放大和缩小,可以适当调整 maxFov 的值,但保持 defaultZoomLvl 为0,这样初始视角仍会是最小FOV。

请根据您的具体需求调整这些值,以获得最佳的观看体验。

喜欢