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>

系列目录【已更新最新开发文章，点击查看详细】