基本流程_文档_BIMFACE_BIM应用二次开发平台

基本流程

引用BIMFACE的JavaScript显示组件库

<script src="https://static.bimface.com/api/BimfaceSDKLoader/BimfaceSDKLoader@latest-release.js" charset="utf-8"></script>

定义DOM元素,用于在该DOM元素中显示模型或图纸

在html页面中添加一个DOM元素(如:div)。
注:必须定义该DOM元素的width、height。

<div id="BimfaceViewer" style="width:800px; height:600px;"></div>

指定待显示的模型或图纸

上传到BIMFACE的文件都有一个fileId,在显示模型或图纸时,必须指定文件的fileId,但出于安全方面的考虑,fileId要换成ViewToken(12小时内有效)才能使用。开发者可以调用服务端API获取ViewToken。

获取ViewToken

初始化JavaScript显示组件

调用显示组件之前,必须进行初始化,便于浏览器加载对应的应用程序。


// 定义配置项 var options = new BimfaceSDKLoaderConfig(); options.viewToken = <yourViewToken>; options.configuration = BimfaceConfigrationOption.Release; // 初始化显示组件 BimfaceSDKLoader.load(options, successCallback, failureCallback); // 初始化成功后,执行对应的回调函数 function successCallback(viewMetaData) { console.log(viewMetaData.viewToken); console.log(viewMetaData.viewType); } // 初始化失败后,执行对应的回调函数 function failureCallback(error) { console.log(error); }

实例化JavaScript显示对象,并进行功能扩展

BIMFACE提供了三种方式调用显示组件的API,请根据自身需要选择适合的方式:

  1. 简易方式
  2. 进阶方式
  3. 高级方式