// 构造配置参数，分别设置场景资源，id, 场景类型，场景名称，fov值，fov范围，仰角(pitch)范围
        var configuration = new Hydreigon.PanoConfiguration({
            resource_type: 'pano',     // 场景类型，与materialType保持一致
            render_type: 'sphere', // 渲染类型
            resource: {               // 资源链接
                source: {
                    image: 'https://hydreigon-dev.bj.bcebos.com/sdk-dev%2Fdist%2Fassets%2Fpano%2Fpano-test.jpg',
                    order: 'fblrud'
                }
            }
        }).setId('scene-01').setSceneType('pano').setSceneName('Cool').setFov(70).setFovRange([1, 179]).setPitchRange([-90, 90]);


        var PanoViewer = Hydreigon.PanoViewer;
        var container = document.getElementById("container");
        var option = {debugLayer: false};

        var renderer = Hydreigon.RenderManager.create(container);
        container.appendChild(renderer.canvas);

        var ak = '您的AccessKey';
        var sk = '您的SecretKey';
        
        var panoViewer = new PanoViewer(container, ak, sk, option);
        panoViewer.init(configuration);
        panoViewer.addEventListener('scene-loaded', () => {
            panoViewer.enablePointEvent(true);
        });

        renderer.setCurrentViewer(panoViewer);
        Hydreigon.RafManager.add(renderer.render);