全景指南针

PanoCompassPlugin

功能说明

PanoCompassPlugin 提供在全景模态下渲染出方向指向盘的能力。

效果展示

拖动 VR ，使视角朝向地面可看到效果。

安装引用

import { PanoCompassPlugin } from "@realsee/dnalogel"

开发指南

初始化

在初始化 Five 实例时，将 PanoCompassPlugin 配置在初始化插件参数即可。

import { Five } from '@realsee/five'
import { PanoCompassPlugin } from "@realsee/dnalogel";

const five = new Five({
    plugins: [
        [
            PanoCompassPlugin,
            'panoCompassPlugin', // 自定义插件名称
            { 
                // compassImageUrl: '' // 配置方向指向盘图片
            }
        ]
    ]
})

载入数据

您需要载入标识北向的数据方可看到正确效果：

// 朝北方向来源于平面图数据
const NORTH_RAD = floorplanServerData?.computed_data?.entrance?.north_rad
// 载入朝北数据
five.plugins.panoCompassPlugin.load({ north_rad: NORTH_RAD })

参数说明

compassImageUrl 参数用以配置方向指南底盘图片，插件默认方向指向盘如示例效果所示，如需更换，请务必保证图片方向示意为：上北、下南、左西、右东。

图一：方向指向盘标准方向参考图

demo 源码参考

demo 源码参考