360度环物,水平拖动切换视角,加载瓦片图后滚轮或双指进行缩放交互


        var container = document.getElementById('container');
        var viewer = new Hydreigon.SpinTileViewer(container, {
            "sceneName": "scene_01",
            "tilePath": "https://hydreigon-dev.bj.bcebos.com/view3dsdk-dev/assets/panamera_360/",
            "spinImage": [
                [
                "00.jpg"
                ]
            ],
            "coverImage": [["00_00_cover.jpg", "00_01_cover.jpg", "00_02_cover.jpg", "00_03_cover.jpg", "00_04_cover.jpg", "00_05_cover.jpg", "00_06_cover.jpg", "00_07_cover.jpg", "00_08_cover.jpg", "00_09_cover.jpg", "00_10_cover.jpg", "00_11_cover.jpg", "00_12_cover.jpg", "00_13_cover.jpg", "00_14_cover.jpg", "00_15_cover.jpg", "00_16_cover.jpg", "00_17_cover.jpg", "00_18_cover.jpg", "00_19_cover.jpg", "00_20_cover.jpg", "00_21_cover.jpg", "00_22_cover.jpg", "00_23_cover.jpg", "00_24_cover.jpg", "00_25_cover.jpg", "00_26_cover.jpg", "00_27_cover.jpg", "00_28_cover.jpg", "00_29_cover.jpg", "00_30_cover.jpg", "00_31_cover.jpg"]],
            "tileSize": 510,
            "width": 8256,
            "height": 5504,
            "colCount": 32,
            "rowCount": 1,
            "sceneType": "spin",
            "minLevel": 11,
            "initRowCol": [
                0,
                0
            ],
            "coverWidth": 1032,
            "coverHeight": 688,
            "enterAnimation": 1
        });
        viewer.init();