加载场景
大约 1 分钟
加载场景
SDK可加载平台发布的三维场景,支持以在线和离线的方式加载场景。
加载在线三维场景
使用平台的三维编辑器编辑并保存一个三维场景后,可使用SDK打开场景:
- 配置SDK远程请求参数;
 - 获取场景ID(三维应用ID);
 - 调用语句打开场景。
 
    // 配置SDK远程请求参数
    VT.setConfig({
        access_token: "uk.ceb64ee7abcb40721aa50411307c3d5a",
        server: "http://192.168.0.165:8000"
    });
    // 初始化三维应用
    const viewer = new VT.Viewer({
        container: "#container",
        app: "gykx4o8enj77pgqy5vm4", // 三维应用ID
    });
加载离线三维场景
使用平台的三维编辑器编辑并保存一个三维场景后,选择导出离线应用包(.zip格式),将解压的场景目录放到前端工程公共目录下,指定访问目录,可使用SDK打开场景:
- 配置离线路径参数;
 - 获取场景ID(三维应用ID);
 - 调用语句打开场景。
 
    // 配置离线路径参数
    VT.setConfig({
        baseUrl: "./scenes",
    });
    // 初始化三维应用
    const viewer = new VT.Viewer({
        container: "#container",
        app: "gykx4o8enj77pgqy5vm4", // 三维应用ID
    });
    // 场景加载完成事件监听
    viewer.on("scene.loaded", (e) => {
        // 场景加载完成后执行代码
    });
上面的方法会读取加载 ./scenes/gykx4o8enj77pgqy5vm4 下的文件资源,包括场景配置文件、各种导出的资源等,从而实现脱离平台的方式加载三维场景应用。