xBIM 基礎09 WeXplorer 基本應用
- 2019 年 10 月 4 日
- 筆記
在本教程中，將學習如何創建最基本和最直接的查看器。 除了展示建築模型外，不做其他任何操作。它將只使用內置導航，但是不會對按鈕做出事件響應。
<!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。
如果應用程式需要部署的話，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>
