加载第一个模型
1. 安装 SDK
npm install iflow-engine
2. 准备容器
<div id="viewer" style="width: 100%; height: 100vh;"></div>
3. 初始化并加载
import { BimEngine } from 'iflow-engine';
const viewer = new BimEngine('viewer', {
locale: 'zh-CN',
theme: 'dark'
});
const off = viewer.on('engine:model-loading-completed', () => {
console.log('第一个模型加载完成');
});
const initialized = await viewer.initialize({
backgroundColor: 0x333333,
showViewCube: true
});
if (initialized) {
await viewer.loadModelByViewToken('YOUR_VIEW_TOKEN');
}
// 在页面或组件卸载时执行:
// off();
// viewer.destroy();
查看令牌由平台服务获取。若模型无法加载,首先检查容器宽高、令牌有效性、模型转换状态、网络访问和 CORS 配置。