日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)百度小程序教程：spintileviewerVR3D環(huán)物-beta
  • spintileviewer VR 3D 環(huán)物 -beta
    • 使用方法
      • 1. 在項(xiàng)目中引用動(dòng)態(tài)庫
      • 2. 在使用到組件的頁面配置動(dòng)態(tài)庫
      • 3. 編寫*.swan文件
    • 動(dòng)態(tài)庫屬性列表
      • 關(guān)鍵配置項(xiàng)說明

    spintileviewer VR 3D 環(huán)物 -beta

    spintileviewer 動(dòng)態(tài)庫提供了在小程序中播放 3D 環(huán)物的方法，底層基于百度 webVR SDK Hydreigon 實(shí)現(xiàn)。

    會(huì)澤網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。成都創(chuàng)新互聯(lián)公司2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。

    使用方法

    1. 在項(xiàng)目中引用動(dòng)態(tài)庫

    使用動(dòng)態(tài)庫的方法參見使用動(dòng)態(tài)庫，在app.json中增添一項(xiàng) dynamicLib，與pages同級(jí)。

    • JSON
     
 
 
      
  
  
  
    1. "dynamicLib": {
      2. 
  
  
  
    2.  "myDynamicLib": {
      3. 
  
  
  
    3.  "provider": "spintileviewer"
      4. 
  
  
  
    4.  }
      5. 
  
  
  
    5. },
      6.

    2. 在使用到組件的頁面配置動(dòng)態(tài)庫

    在每個(gè)使用到圖表組件的頁面，配置*.json文件如：

    • JSON
     
 
 
      
  
  
  
    1. {
      2. 
  
  
  
    2.  "usingSwanComponents": {
      3. 
  
  
  
    3.  "spintileviewer": "dynamicLib://myDynamicLib/spintileviewer"
      4. 
  
  
  
    4.  }
      5. 
  
  
  
    5. }
      6.

    3. 編寫*.swan文件

    • SWAN
     
 
 
      
  
  
  
      2.

    這是一種最基本的配置方式。style也可以在*.css中聲明，需要保證是有寬度和高度的。options在*.js中綁定到頁面的 data 中：

    • JS
     
 
 
      
  
  
  
    1. const options = ...;
      2. 
  
  
  
      3. 
  
  
  
    3. Page({
      4. 
  
  
  
    4.  data: {
      5. 
  
  
  
    5.  options: options
      6. 
  
  
  
    6.  }
      7. 
  
  
  
    7. });
      8.

    其中，options 是配置項(xiàng)，定義了 3D 環(huán)物的物料資源地址和渲染交互配置，一個(gè)典型的配置如下所示：

    • JS
     
 
 
      
  
  
  
    1. options = {
      2. 
  
  
  
    2.  "spin": {
      3. 
  
  
  
    3.  "thumb": "https://xxx.com/.../thumb.jpg",
      4. 
  
  
  
    4.  "crossLongitude": false,
      5. 
  
  
  
    5.  "reversalY": true,
      6. 
  
  
  
    6.  "reversalX": true,
      7. 
  
  
  
    7.  "initColRow": [
      8. 
  
  
  
    8.  0,
      9. 
  
  
  
    9.  0
      10. 
  
  
  
    10.  ],
      11. 
  
  
  
    11.  "rowCount": 1,
      12. 
  
  
  
    12.  "colCount": 30,
      13. 
  
  
  
    13.  "imageUrl": [
      14. 
  
  
  
    14.  [
      15. 
  
  
  
    15.  "https://xxx.com/.../00.jpg"
      16. 
  
  
  
    16.  ]
      17. 
  
  
  
    17.  ],
      18. 
  
  
  
    18.  "scaleType": "inside"
      19. 
  
  
  
    19.  },
      20. 
  
  
  
    20.  "tile": {
      21. 
  
  
  
    21.  "scaleType": "inside",
      22. 
  
  
  
    22.  "width": 1350,
      23. 
  
  
  
    23.  "enableUrlCORSOrigin": true,
      24. 
  
  
  
    24.  "height": 1620,
      25. 
  
  
  
    25.  "tileSize": 254
      26. 
  
  
  
    26.  },
      27. 
  
  
  
    27.  "tileSources": [
      28. 
  
  
  
    28.  [
      29. 
  
  
  
    29.  "https://xxx.com/.../00_00_files/",
      30. 
  
  
  
    30.  ...
      31. 
  
  
  
    31.  ]
      32. 
  
  
  
    32.  ],
      33. 
  
  
  
      34. 
  
  
  
    34.  "backgroundColor": "#565656",
      35. 
  
  
  
    35.  "initColRow": [
      36. 
  
  
  
    36.  0,
      37. 
  
  
  
    37.  0
      38. 
  
  
  
    38.  ]
      39. 
  
  
  
    39. };
      40.

    動(dòng)態(tài)庫也支持鏈接方式傳遞配置，如果是跨域訪問，需要配置跨域訪問 CORS 規(guī)則。使用方法如下：

    • SWAN
     
 
 
      
  
  
  
      2.

    參考配置文件。

    動(dòng)態(tài)庫默認(rèn)僅支持核心的 3D 環(huán)物渲染（多視角分級(jí)分塊）和交互（拖拽縮放），也可以通過設(shè)置defaultui=true來顯示默認(rèn)的控件，支持 PC 和移動(dòng)端的適配，支持功能包括：熱點(diǎn)、縮放按鈕、復(fù)位按鈕、全屏按鈕、二維碼等，配置文件是在無 UI 配置項(xiàng)的基礎(chǔ)上增加了相關(guān)字段，一個(gè)典型的有 UI 配置如下：

    • JS
     
 
 
      
  
  
  
    1. options = {
      2. 
  
  
  
    2.  "ver": 1,
      3. 
  
  
  
    3.  "scenes": [
      4. 
  
  
  
    4.  {
      5. 
  
  
  
    5.  "sceneName": "scene_01",
      6. 
  
  
  
    6.  "sceneType": "spin",
      7. 
  
  
  
    7.  "thumb": "https://xxx.com/.../thumb.jpg",
      8. 
  
  
  
    8.  "spinImages": [
      9. 
  
  
  
    9.  [
      10. 
  
  
  
    10.  "https://xxx.com/.../00.jpg"
      11. 
  
  
  
    11.  ]
      12. 
  
  
  
    12.  ],
      13. 
  
  
  
    13.  "tileSources": [
      14. 
  
  
  
    14.  [
      15. 
  
  
  
    15.  "https://xxx.com/.../00_00_files/",
      16. 
  
  
  
    16.  ...
      17. 
  
  
  
    17.  ]
      18. 
  
  
  
    18.  ],
      19. 
  
  
  
    19.  "colCount": 32,
      20. 
  
  
  
    20.  "rowCount": 1,
      21. 
  
  
  
    21.  "initColRow": [
      22. 
  
  
  
    22.  0,
      23. 
  
  
  
    23.  0
      24. 
  
  
  
    24.  ],
      25. 
  
  
  
    25.  "scaleType": "inside",
      26. 
  
  
  
    26.  "tileSize": 254,
      27. 
  
  
  
    27.  "minLevel": 9,
      28. 
  
  
  
    28.  "width": 8256,
      29. 
  
  
  
    29.  "height": 5504
      30. 
  
  
  
    30.  }
      31. 
  
  
  
    31.  ],
      32. 
  
  
  
    32.  "hotspotsInfo": [
      33. 
  
  
  
    33.  {
      34. 
  
  
  
    34.  "className": "info",
      35. 
  
  
  
    35.  "id": "adsasasd",
      36. 
  
  
  
    36.  "popup": {
      37. 
  
  
  
    37.  "describe": "正文顯示，純正文情況。測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試",
      38. 
  
  
  
    38.  "img": "",
      39. 
  
  
  
    39.  "title": "超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb超長標(biāo)題chb",
      40. 
  
  
  
    40.  "href": "https://www.baidu.com"
      41. 
  
  
  
    41.  },
      42. 
  
  
  
    42.  "tip": "車頭561564126514651653165"
      43. 
  
  
  
    43.  },
      44. 
  
  
  
    44.  ...
      45. 
  
  
  
    45.  ],
      46. 
  
  
  
    46.  "hotspotsPos": {
      47. 
  
  
  
    47.  "scene_01": {
      48. 
  
  
  
    48.  "00_00": [
      49. 
  
  
  
    49.  {
      50. 
  
  
  
    50.  "id": "adsa55sasd",
      51. 
  
  
  
    51.  "x": 0.65,
      52. 
  
  
  
    52.  "y": 0.2
      53. 
  
  
  
    53.  },
      54. 
  
  
  
    54.  ...
      55. 
  
  
  
    55.  }
      56. 
  
  
  
    56.  },
      57. 
  
  
  
    57.  "guideListFilter": "global",
      58. 
  
  
  
    58.  "guideList": [
      59. 
  
  
  
    59.  {
      60. 
  
  
  
    60.  "scene": "scene_01",
      61. 
  
  
  
    61.  "view": "01_00",
      62. 
  
  
  
    62.  "id": "adsasasd"
      63. 
  
  
  
    63.  },
      64. 
  
  
  
    64.  ...
      65. 
  
  
  
    65.  ]
      66. 
  
  
  
    66. }
      67.

    參考含 UI 配置文件。

    動(dòng)態(tài)庫屬性列表

    上支持的屬性包括：

    屬性名稱 類型 說明
    optionsObject配置項(xiàng)
    configString配置項(xiàng)鏈接
    defaultuiBoolean是否顯示默認(rèn)控件

    關(guān)鍵配置項(xiàng)說明

    配置項(xiàng)名稱 類型 說明
    thumbString縮略圖 url
    spinImagesArray環(huán)視圖 url 二維數(shù)組，第一維表示行，第二維表示列
    tileSourcesArray分塊圖目錄 url 二維數(shù)組，第一維表示行，第二維表示列
    colCountNumber列數(shù)
    rowCountNumber行數(shù)
    initColRowArray初始視角
    scaleTypeString圖像適配類型。inside：留白，crop：裁切
    tileSizeNumber分塊 size
    widthNumber圖像原始寬
    heightNumber圖像原始高

    分享題目：創(chuàng)新互聯(lián)百度小程序教程：spintileviewerVR3D環(huán)物-beta
    本文鏈接：http://www.5511xx.com/article/coiejsh.html