xBIM WeXplorer xViewer 基本應用


   目錄

    基礎
    高級應用
  • xBIM 綜合使用案例與 ASP.NET MVC 集成(一)
  • xBIM 綜合使用案例與 ASP.NET MVC 集成(二)
  • xBIM 綜合使用案例與 ASP.NET MVC 集成(三)

   在本案例中、我們將如何創建最基本的模型查看器。除展示BIM模型外、不會做其他操作。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Hello building!</title>
    <script src="js/xbim-viewer.debug.bundle.js"></script>
</head>
<body>
    <canvas id="viewer" width="500" height="300"></canvas>
    <script type="text/javascript">
        var viewer = new xViewer('viewer');
        viewer.load('data/SampleHouse.wexbim');
        viewer.start();
    </script>
</body>
</html>

      我們只要引用了xbim-viewer.debug.bundle.js 庫,常見xView 對象傳遞<canvas>元素的id 並啟動。只需確保從Web服務器運行,而不僅僅是本地文件,因為xViewer使用AJAX獲取wexBIM數據,並且一些瀏覽器甚至在本地HTML文件上施加CORS限制。另外請確保您不要使用低於11的IE,因為您需要支持WebGL。

       如果我們在應用程序需要部署的話,我們已經提到xbim-viewer.debug.bundle.js包含xbim-viewer.js有兩個依賴庫一起捆綁GL-matrix.js支持WebGL utils.js。從文件的名稱就可以看出是開發版。如果您下載此庫,它包含用於不同類型部署的多個文件。軟件包是獨立的,並以縮小版和調試版發布。如果您的部署更合理,則還可以引用單獨的庫。這些是明智的組合:

    <script src="js/xbim-viewer.debug.bundle.js"></script>

用於調試捆綁版本(如果您選擇了IDE,也會在VS中為您添加智能感知支持)或

 <script src="js/xbim-viewer.min.bundle.js"></script>
對於縮小版本(這可能是您的發布選擇)或
    <script src="js/gl-matrix.min.js.js"></script>
    <script src="js/webgl-utils.min.js"></script>
    <script src="js/xbim-viewer.min.js"></script>

它們全部分開。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM