使用图观TGAPI添加到流渲染场景
先决条件
您需要先具备图观流渲染服务器,可以购买离线部署版,或者申请公有云试用。
您需要有一个可以在图观流渲染服务器加载串流的场景,您可以联系客服申请试用场景,或者通过图观UE插件和打包服务器自己制作并且打包。
使用步骤
登录流渲染服务器,进入模型管理,上传图观模型
Snipaste_2025-07-09_11-53-54.png
获取流渲染服务器模型服务地址和Token
Snipaste_2025-07-09_11-55-53.png
前端开发工程师,通过调用TGAPI,在初始化服务接口调用完成后,连接模型服务器
function connectionModelServer() {
// 链接图观模型服务器
let jsonData = {
name: "streamingcluster",
address: "http://172.16.1.1:9090",
token: "pFugELF9",
};
appInstance.uniCall('connectDataServer', jsonData, (result) => {
console.log(result);
});
}
注意:流渲染场景所在的服务器必须可以访问到图观模型所在的流渲染服务器。
通过TGAPI的添加模型接口,将模型添加到场景。
let jsonData = {
id: '配电柜00223',
coordType: 0,
coordTypeZ: 0,
coord: [114.560257, 37.09079],
coordZ: 10,
rotation: [0, 0, 0],
alpha: 1,
scale: 1,
titleText: '配电柜00223,
titleColor: '#ffffff',
titleBackgroundColor: '#333333',
titleFontSize: 20,
titileAutoScale: false,
visible: true,
modelMaxDistance: 1000,
modelType: '配电柜-02', // 流渲染服务器上图观模型的名称
modelSource: 'dataServer', // 从流渲染服务器加载图观模型,这里需要写dataServer
};
appInstance.uniCall('addModel', jsonData, (result) => {
console.log(result);
});