瓦片图加载高清全景图,拖动切换视角


        // 构造配置参数,分别设置场景资源,id, 场景类型,场景名称,fov值,fov范围,仰角(pitch)范围
        var configuration = new Hydreigon.PanoConfiguration({
            resource_type: 'pano',     // 场景类型,与materialType保持一致
            render_type: 'cube-multi', // 渲染类型
            resource: {               // 资源链接
                source: {
                    tile_path: "https://bj.bcebos.com/v1/repos3d/penglai/pano_packages/pack_pano_default_07/pieces/panos/input.tiles/",
                    tile_file: "panos/input.tiles/%s/l%l/%v/l%l_%s_%v_%h.jpg",
                    tile_size: [
                                512,
                                1152,
                                2304,
                                4608
                            ]
                }
            }
        }).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 config = {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, config);
        panoViewer.init(configuration);
        panoViewer.addEventListener('scene-loaded', () => {
            panoViewer.enablePointEvent(true);
        });

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