基本流程
引用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。
初始化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,请根据自身需要选择适合的方式: