Appearance
应用构造操作
目录
1. 构造应用
引入版本:3.0 起支持
功能描述
构造应用
调用方法
JavaScript
let appInstance = new TGApp.App();2. 销毁应用
引入版本:3.0 起支持
功能描述
销毁应用
调用方法
JavaScript
appInstance.uniCall('destroy', {}, (result) => {
console.log(result);
});回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
3. 获取应用状态信息
引入版本:3.2 起支持
功能描述
获取应用状态信息
调用方法
JavaScript
appInstance.uniCall('getAppInfo', {}, (result) => {
console.log(result);
});回调数据
JSON
{
"result": 1,
"message": "成功。",
"tgApiSdkVer": "3.3",
"tgApiDocUrl": "http://www.tuguan.net/doc/tg-api/",
"clientWidth": 1920,
"clientHeight": 1080,
"streamingSdkVer": "3.3.1",
"streamingServerVer": "3.3",
"streamingEngineVer": "3.2.1",
"streamingWidthMax": 1920,
"streamingHeightMax": 1080,
"streamingRateMax": 51200,
"streamingFpsMax": 60,
"sceneSdkVer": "3.3"
}回调数据参数描述
| 属性 | 类型 | 说明 | 端渲染 | 流渲染 |
|---|---|---|---|---|
| result | Number | 1:代表成功;0:代表失败 | 支持 | 支持 |
| message | String | 成功或者失败原因 | 支持 | 支持 |
| tgApiSdkVer | String | 图观 API 版本 | 支持 | 支持 |
| tgApiDocUrl | String | 图观 API 文档在线地址 | 支持 | 支持 |
| sceneSdkVer | String | 端渲染 SDK 小版本 | 支持 | 不支持 |
| streamingSdkVer | String | 流渲染 SDK 小版本 | 不支持 | 支持 |
| streamingServerVer | String | 流渲染服务器版本 | 不支持 | 支持 |
| streamingEngineVer | String | 流渲染引擎版本 | 不支持 | 支持 |
| streamingWidthMax | Number | 流渲染通道最大宽 | 不支持 | 支持 |
| streamingHeightMax | Number | 流渲染通道最大高 | 不支持 | 支持 |
| streamingRateMax | Number | 流渲染通道最大码率,单位 kbps | 不支持 | 支持 |
| streamingFpsMax | Number | 流渲染通道最大帧率 | 不支持 | 支持 |
| clientWidth | Number | 当前客户端控件宽,端渲染对应 canvas 尺寸,流渲染对应串流画面实际分辨率 | 支持 | 支持 |
| clientHeight | Number | 当前客户端控件高,端渲染对应 canvas 尺寸,流渲染对应串流画面实际分辨率 | 支持 | 支持 |
4. 添加事件监听函数
引入版本:3.1 起支持
功能描述
以指令方式注册事件监听,用于在 uniCall 回调之外按事件名订阅场景或图层事件。
调用方法
JavaScript
appInstance.uniCall(
'addEventListener',
{
eventName: '事件名称',
callback: function (event) {
console.log(event);
},
},
(response) => {
console.log(response);
}
);参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| eventName | String | 事件名称,全局事件如 onSceneClick、onCameraMove,图层事件如 onLandmarkClick |
| idLayer | String | 图层事件必填,指定监听的图层 ID |
| callbackId | String | 回调函数标识符,供 removeEventListener 后续移除监听 |
| callback | Function | 事件触发时的回调函数 |
回调数据
JSON
{
"result": 1,
"message": "成功。",
"data": {
"listenerId": "lst_onSceneClick"
}
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
| data | Object | 含 listenerId 监听器 ID |
各事件页的示例采用的是事件回调直接写在业务侧的方式;本指令用于需要按事件名统一注册与反注册的场景。
5. 移除事件监听函数
引入版本:3.1 起支持
功能描述
移除先前通过 addEventListener 注册的事件监听。
调用方法
JavaScript
appInstance.uniCall(
'removeEventListener',
{
eventName: '事件名称',
callback: window.eventCallback,
},
(response) => {
console.log(response);
}
);参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| eventName | String | 事件名称 |
| idLayer | String | 图层事件必填,指定监听的图层 ID |
| listenerId | String | 监听器 ID 或回调函数标识符 |
| callback | Function | 要移除的回调函数,不能是匿名函数 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
移除时不传监听器标识会清空该事件的全部监听器,请务必带上 listenerId 或 callbackId。