<h1 align="center">
  Photo Sphere Viewer V5 Navigator Engine
</h1>

<h2 align="center">
  基于PSV全景图组件的全功能导航插件
</h2>
<p></p>

<div align="left">

<p><strong>1. 插件主要功能</strong></p>
<p>1.1 插件包括标注、场景（全景图，环物图，含声音）、布局沙盘图和VR组合发布等辅助管理、设计和展示。</p>
<p>1.2 标注支持文本、图片、音频、视频、网址、电话、地址、应用等类型。</p>
<p>1.3 VR发布提供标记和嵌入样式、指南针、可见区域、轮播等配置和分享码生成等功能。</p>
<p>1.4 VR支持PC端和移动端（安卓、苹果、鸿蒙的手机和平板）展示互动。</p>
<p>1.5 VR移动端支持方向感应、3D眼镜观看模式的展示互动。</p>
<p>1.6 包含一个全功能颜色选择器，支持纯色和渐近色选择，支持屏幕颜色拾取功能。</p>
<p></p>

<p><strong>2. 插件集成示例源码</strong></p>
<p><a href="https://www.dvtop.cn/vr-navigator-demo/" target="_blank">进入在线示例：https://www.dvtop.cn/vr-navigator-demo/</a></p>
<p><a href="https://www.dvtop.cn/vr-navigator-demo/source/vr-navigator-demo-vue3.zip" target="_blank">集成示例源码：vr-navigator-demo-vue3</a></p>
<p>更多插件使用示例（如vue2，react，angular，html，uni-app，移动端等）联系作者定制。</p>
<p></p>

<p><strong>3. 插件安装</strong></p>
<p>npm i photo-sphere-viewer-navigator-engine</p>
<p></p>

<p><strong>4. 插件引用</strong></p>
<p>4.1 全局引入</p>
<p>import "js-cloudimage-360-view"</p>
<p>import "photo-sphere-viewer-navigator-engine/css/engine.css"</p>
<p>import "photo-sphere-viewer-navigator-engine/css/plugin.css"</p>
<p>4.2 在使用代码处引用</p>
<p>import { VrEngine } from "photo-sphere-viewer-navigator-engine";</p>
<p>4.3 颜色选择器引用（支持vue2和3）</p>
<p>import VrColorPicker from "photo-sphere-viewer-navigator-engine/ui/VrColorPicker.vue";</p>
<p># 插件使用示例代码 #</p>
<p><a href="https://www.dvtop.cn/vr-navigator-demo/source/vr-navigator-demo-vue3.zip" target="_blank">示例源码：vr-navigator-demo-vue3</a></p>
<p></p>

<p><strong>5. VR.设计助手</strong></p>
<p><a href="https://www.dvtop.cn/vr-designer/" target="_blank">免费在线使用：https://www.dvtop.cn/vr-designer/</a></p>
<p></p>

<p><strong>6. 联系作者</strong></p>
<p>如果需要购买“VR.设计助手”源码或程序，或者需要定制开发、技术培训和使用指导等，加QQ交流。</p>
<p>QQ：3541379677</p>

</div>