720度环物,水平垂直拖动任意切换视角,加载瓦片图后滚轮或双指进行缩放交互
var container = document.getElementById('container');
var viewer = new Hydreigon.SpinTileViewer(container, {
"sceneName": "1sred",
"tilePath": "https://hydreigon-dev.bj.bcebos.com/view3dsdk-dev/assets/1sred_720",
"spinImage": [
[
"00_small.jpg"
],
[
"10_small.jpg"
],
[
"20_small.jpg"
],
[
"30_small.jpg"
],
[
"40_small.jpg"
],
[
"50_small.jpg"
],
[
"60_small.jpg"
],
[
"70_small.jpg"
],
[
"80_small.jpg"
],
[
"90_small.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"], ["01_00_cover.jpg", "01_01_cover.jpg", "01_02_cover.jpg", "01_03_cover.jpg", "01_04_cover.jpg", "01_05_cover.jpg", "01_06_cover.jpg", "01_07_cover.jpg", "01_08_cover.jpg", "01_09_cover.jpg", "01_10_cover.jpg", "01_11_cover.jpg", "01_12_cover.jpg", "01_13_cover.jpg", "01_14_cover.jpg", "01_15_cover.jpg", "01_16_cover.jpg", "01_17_cover.jpg", "01_18_cover.jpg", "01_19_cover.jpg", "01_20_cover.jpg", "01_21_cover.jpg", "01_22_cover.jpg", "01_23_cover.jpg", "01_24_cover.jpg", "01_25_cover.jpg", "01_26_cover.jpg", "01_27_cover.jpg", "01_28_cover.jpg", "01_29_cover.jpg"], ["02_00_cover.jpg", "02_01_cover.jpg", "02_02_cover.jpg", "02_03_cover.jpg", "02_04_cover.jpg", "02_05_cover.jpg", "02_06_cover.jpg", "02_07_cover.jpg", "02_08_cover.jpg", "02_09_cover.jpg", "02_10_cover.jpg", "02_11_cover.jpg", "02_12_cover.jpg", "02_13_cover.jpg", "02_14_cover.jpg", "02_15_cover.jpg", "02_16_cover.jpg", "02_17_cover.jpg", "02_18_cover.jpg", "02_19_cover.jpg", "02_20_cover.jpg", "02_21_cover.jpg", "02_22_cover.jpg", "02_23_cover.jpg", "02_24_cover.jpg", "02_25_cover.jpg", "02_26_cover.jpg", "02_27_cover.jpg", "02_28_cover.jpg", "02_29_cover.jpg"], ["03_00_cover.jpg", "03_01_cover.jpg", "03_02_cover.jpg", "03_03_cover.jpg", "03_04_cover.jpg", "03_05_cover.jpg", "03_06_cover.jpg", "03_07_cover.jpg", "03_08_cover.jpg", "03_09_cover.jpg", "03_10_cover.jpg", "03_11_cover.jpg", "03_12_cover.jpg", "03_13_cover.jpg", "03_14_cover.jpg", "03_15_cover.jpg", "03_16_cover.jpg", "03_17_cover.jpg", "03_18_cover.jpg", "03_19_cover.jpg", "03_20_cover.jpg", "03_21_cover.jpg", "03_22_cover.jpg", "03_23_cover.jpg", "03_24_cover.jpg", "03_25_cover.jpg", "03_26_cover.jpg", "03_27_cover.jpg", "03_28_cover.jpg", "03_29_cover.jpg"], ["04_00_cover.jpg", "04_01_cover.jpg", "04_02_cover.jpg", "04_03_cover.jpg", "04_04_cover.jpg", "04_05_cover.jpg", "04_06_cover.jpg", "04_07_cover.jpg", "04_08_cover.jpg", "04_09_cover.jpg", "04_10_cover.jpg", "04_11_cover.jpg", "04_12_cover.jpg", "04_13_cover.jpg", "04_14_cover.jpg", "04_15_cover.jpg", "04_16_cover.jpg", "04_17_cover.jpg", "04_18_cover.jpg", "04_19_cover.jpg", "04_20_cover.jpg", "04_21_cover.jpg", "04_22_cover.jpg", "04_23_cover.jpg", "04_24_cover.jpg", "04_25_cover.jpg", "04_26_cover.jpg", "04_27_cover.jpg", "04_28_cover.jpg", "04_29_cover.jpg"], ["05_00_cover.jpg", "05_01_cover.jpg", "05_02_cover.jpg", "05_03_cover.jpg", "05_04_cover.jpg", "05_05_cover.jpg", "05_06_cover.jpg", "05_07_cover.jpg", "05_08_cover.jpg", "05_09_cover.jpg", "05_10_cover.jpg", "05_11_cover.jpg", "05_12_cover.jpg", "05_13_cover.jpg", "05_14_cover.jpg", "05_15_cover.jpg", "05_16_cover.jpg", "05_17_cover.jpg", "05_18_cover.jpg", "05_19_cover.jpg", "05_20_cover.jpg", "05_21_cover.jpg", "05_22_cover.jpg", "05_23_cover.jpg", "05_24_cover.jpg", "05_25_cover.jpg", "05_26_cover.jpg", "05_27_cover.jpg", "05_28_cover.jpg", "05_29_cover.jpg"], ["06_00_cover.jpg", "06_01_cover.jpg", "06_02_cover.jpg", "06_03_cover.jpg", "06_04_cover.jpg", "06_05_cover.jpg", "06_06_cover.jpg", "06_07_cover.jpg", "06_08_cover.jpg", "06_09_cover.jpg", "06_10_cover.jpg", "06_11_cover.jpg", "06_12_cover.jpg", "06_13_cover.jpg", "06_14_cover.jpg", "06_15_cover.jpg", "06_16_cover.jpg", "06_17_cover.jpg", "06_18_cover.jpg", "06_19_cover.jpg", "06_20_cover.jpg", "06_21_cover.jpg", "06_22_cover.jpg", "06_23_cover.jpg", "06_24_cover.jpg", "06_25_cover.jpg", "06_26_cover.jpg", "06_27_cover.jpg", "06_28_cover.jpg", "06_29_cover.jpg"], ["07_00_cover.jpg", "07_01_cover.jpg", "07_02_cover.jpg", "07_03_cover.jpg", "07_04_cover.jpg", "07_05_cover.jpg", "07_06_cover.jpg", "07_07_cover.jpg", "07_08_cover.jpg", "07_09_cover.jpg", "07_10_cover.jpg", "07_11_cover.jpg", "07_12_cover.jpg", "07_13_cover.jpg", "07_14_cover.jpg", "07_15_cover.jpg", "07_16_cover.jpg", "07_17_cover.jpg", "07_18_cover.jpg", "07_19_cover.jpg", "07_20_cover.jpg", "07_21_cover.jpg", "07_22_cover.jpg", "07_23_cover.jpg", "07_24_cover.jpg", "07_25_cover.jpg", "07_26_cover.jpg", "07_27_cover.jpg", "07_28_cover.jpg", "07_29_cover.jpg"], ["08_00_cover.jpg", "08_01_cover.jpg", "08_02_cover.jpg", "08_03_cover.jpg", "08_04_cover.jpg", "08_05_cover.jpg", "08_06_cover.jpg", "08_07_cover.jpg", "08_08_cover.jpg", "08_09_cover.jpg", "08_10_cover.jpg", "08_11_cover.jpg", "08_12_cover.jpg", "08_13_cover.jpg", "08_14_cover.jpg", "08_15_cover.jpg", "08_16_cover.jpg", "08_17_cover.jpg", "08_18_cover.jpg", "08_19_cover.jpg", "08_20_cover.jpg", "08_21_cover.jpg", "08_22_cover.jpg", "08_23_cover.jpg", "08_24_cover.jpg", "08_25_cover.jpg", "08_26_cover.jpg", "08_27_cover.jpg", "08_28_cover.jpg", "08_29_cover.jpg"], ["09_00_cover.jpg", "09_01_cover.jpg", "09_02_cover.jpg", "09_03_cover.jpg", "09_04_cover.jpg", "09_05_cover.jpg", "09_06_cover.jpg", "09_07_cover.jpg", "09_08_cover.jpg", "09_09_cover.jpg", "09_10_cover.jpg", "09_11_cover.jpg", "09_12_cover.jpg", "09_13_cover.jpg", "09_14_cover.jpg", "09_15_cover.jpg", "09_16_cover.jpg", "09_17_cover.jpg", "09_18_cover.jpg", "09_19_cover.jpg", "09_20_cover.jpg", "09_21_cover.jpg", "09_22_cover.jpg", "09_23_cover.jpg", "09_24_cover.jpg", "09_25_cover.jpg", "09_26_cover.jpg", "09_27_cover.jpg", "09_28_cover.jpg", "09_29_cover.jpg"]],
"tileSize": 510,
"width": 3078,
"height": 3078,
"colCount": 30,
"rowCount": 10,
"sceneType": "spin",
"minLevel": 11,
"initRowCol": [
4,
0
],
"coverWidth": 512,
"coverHeight": 512,
"enterAnimation": 1,
"reversalX": true,
"reversalY": true,
"loadTimeout": 15000,
"background": "#F5F6FB"
});
viewer.init();