Options
All
  • Public
  • Public/Protected
  • All
Menu

bim365

BIM365

BIM Viewer 基于WebGL开发的结构化和轻量化模型引擎,同时支持3D和2D;模型格式上支持包括Revit(rvt,rfa)、MicroStation(dgn)、Catia(3D XML)、AutoCAD(dwg)、3Ds Max、SketchUp、PDMS(rvm)、Inventor,Navisworks(支持50+种三维模型格式)在内的众多主流BIM模型格式(转换为BIMe的专用格式)。无需任何软件和插件,直接在浏览器内运行。

工具集成

  • THREE.js 使用JavaScript,基于webgl的3d图形库。

    跨平台支持

    移动端(android,iOS)。 Mac,Linux,Windows桌面端。

浏览器支持列表

BIM Viewer 需要运行在支持WebGL浏览器中,目前所有的现代主流浏览器都支持WebGL。点击查看您的浏览器是否支持WebGL

  • Chrome 50+
  • Firefox 45+
  • Opera 37+
  • Safari 9+
  • Microsoft Edge 20+
  • Internet Explorer 11

目录

BIMViewer架构

Bim Viewer 基于TypeScript构建,但考虑到开发者可能需要使用JavaScript,所以接口以Javascript语言提供。

API 调用方式&结构

在BIM Viewer自带UI方式,我们将BIM Viewer的API都集中导出到window下的model.BIM365API对象下。您可以参考我们的API文档,直接在Chorme的调试工具里面通过window.model.BIM365API.xxx 来使用我们提供的各种方法。

API 结构

在此结构中,每个类都是全局单例,无须创建。

BIM365 API 示例

function hello(){

// 向当前选择集添加对象'xxxx'。

  window.model.BIM365API.Controller.highlightElementByElementId(elementId);

// 聚焦ElementId 为'xxxx'的对象。

  window.model.BIM365API.Controller.zoomElementByElementId(elementId); 

}

为了让开发更为便捷,我们将开放获取THREE方法

THREE.js 示例

function hello() {
  let THREE = model.BIM365API.Context.getTHREE()
  var geo = new THREE.BoxBufferGeometry(10,10,10);
  var mat = new THREE.MeshPhongMaterial({color:0x00ff00,side:THREE.DoubleSide});
  var mesh = new THREE.Mesh(geo,mat);

}

快速开始

step 1: 联系ProBIM部署私有云或使用www.bim365.com.cn

step 2: 搭建开发环境

当部署完私有云后,将iis服务器下的BIMComposer文件夹中JS文件、CSS文件、及index.html文件拷贝到本地,

step 3: 编写代码 & 测试。

step 4: 发布

在线调试

打开chrome的调试工具,切换到console tab页,切换iframe为BIMComposer所在的iframe。

在控制台输入model.BIMComposer.xxx调用BIMComposer的所提供的方法。

在线示例

在线示例(http://www.probim.cn/example)