使用流程

引用BIMFACE的JavaScript显示组件库

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

定义DOM元素

BIMFACE需要一个HTML元素作为容器,这样才能将模型展现到页面上,因此开发者需要添加了一个DOM元素。

注:为了能正确地显示,需要定义该DOM元素的width、height。

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

指定待显示的模型或图纸

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

获取ViewToken

初始化JavaScript显示组件

调用显示组件之前,BIMFACE必须进行初始化工作,才能在浏览器加载对应的应用程序。

// 定义配置项
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,开发者可以请根据需要选择适合自己的方式: