xBIM WeXplorer xViewer 基本应用

Posted 在水一方

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

它们全部分开。

以上是关于xBIM WeXplorer xViewer 基本应用的主要内容,如果未能解决你的问题,请参考以下文章

xBIM WeXplorer

xBIM WeXplorer 设置模型颜色

xBIM基础 10 WeXplorer 浏览器检查

xBIM基础 11 WeXplorer 常用事件

xBIM 实战02 在浏览器中加载IFC模型文件并设置特效

xBIM 基本的模型操作