photo-sphere-viewer VirtualTour使用

Photo Sphere Viewer的VirtualTour（虚拟旅游）功能可以让用户在多个全景图之间进行导航，从而创建一个完整的虚拟旅游体验。

要使用VirtualTour功能，需要创建一个包含每个全景图的对象数组，并指定它们之间的导航方式。例如：

var panoramas = [
    {
        // 第一个全景图
        src: 'path/to/panorama1.jpg',
        // 全景图名称
        name: 'Panorama 1',
        // 导航方式
        links: {
            // 导航到第二个全景图
            'scene2': {
                // 导航点的位置
                position: [-1.57, 0],
                // 导航点的提示信息
                tooltip: 'Go to scene 2'
            }
        }
    },
    {
        // 第二个全景图
        src: 'path/to/panorama2.jpg',
        // 全景图名称
        name: 'Panorama 2',
        // 导航方式
        links: {
            // 导航到第一个全景图
            'scene1': {
                // 导航点的位置
                position: [-1.57, 0],
                // 导航点的提示信息
                tooltip: 'Go to scene 1'
            }
        }
    }
];

var viewer = new PhotoSphereViewer({
    // 全景图路径
    panorama: panoramas[0].src,
    // 虚拟旅游功能
    virtualTour: {
        // 所有全景图
        panoramas: panoramas,
        // 初始场景
        default: 'scene1'
    }
});

在这个例子中，我们创建了一个包含两个全景图的数组，并指定它们之间的导航方式。当初始化对象时，第一个全景图将作为初始全景图加载，并显示到页面上。用户可以点击导航点来切换到其他全景图。

需要注意的是，VirtualTour功能需要定义每个全景图之间的导航方式，包括导航点的位置和提示信息等。如果需要更复杂的导航方式，例如导航图或自定义导航点，可以使用Photo Sphere Viewer的插件系统来扩展该功能。