xBIM 基礎09 WeXplorer 基本應用

時間 2019-12-05

標籤 xbim 基礎 wexplorer 基本應用简体版

原文原文鏈接

系列目錄【已更新最新開發文章，點擊查看詳細】

　　在本教程中，將學習如何建立最基本和最直接的查看器。除了展現建築模型外，不作其餘任何操做。它將只使用內置導航，可是不會對按鈕作出事件響應。javascript

<!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 庫，使用<canvas>元素的id建立 xViewer 對象並啓動。請確保從Web服務器運行，而不單單是本地文件，由於 xViewer 使用 ajax 獲取 wexBIM 數據，可是一些瀏覽器甚至在本地HTML文件上施加CORS限制（請採起相關方法進行處理）。另外請確保您的瀏覽器不也要低於IE11版本，由於您須要支持WebGL。html

若是應用程序須要部署的話，xbim-viewer.debug.bundle.js 或者 xbim-viewer.js 有兩個依賴庫 GL-matrix.js 和 WebGL utils.js。從文件的名稱就能夠看出是開發版。若是您下載此庫，它包含用於不一樣類型部署的多個文件。軟件包是獨立的，並以壓縮版和調試版發佈。若是您的部署更合理，則還能夠引用單獨的庫。這些是明智的組合:java

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

用於調試捆綁版本（若是您選擇了IDE，也會在VS中爲您添加智能感知支持）或web

 <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>

系列目錄【已更新最新開發文章，點擊查看詳細】

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。