Appearance
点迹图操作
目录
1. 添加点迹图
引入版本:3.2 起支持
功能描述
在三维场景中添加点迹图
调用方法
JavaScript
let jsonData = {
id: 'trackLayerId',
name: 'layerName',
coordType: 0,
coordTypeZ: 0,
visible: true,
tags: ['tag1', 'tag2', 'tag3'],
legends: [
{
name: 'legendName1',
icon: 'camera',
iconScale: 1,
labelScale: 1,
lineColor: '#FF0000',
lineWidth: 50,
lineType: 'default',
lineSpeed: 5,
curvature: 0.5,
},
{
name: 'legendName2',
icon: 'car',
iconScale: 1,
labelScale: 1,
lineColor: '#FFff00',
lineWidth: 50,
lineType: 'arrow',
lineSpeed: 2,
curvature: 0.5,
},
],
data: [
{
id: '1',
label: '点迹1',
time: '2021-07-22 19:45:01',
coord: [113.95948522978664, 22.542770104561267],
coordZ: 64,
type: 'legendName1',
},
{
id: '1',
label: '点迹2',
time: '2021-07-22 19:45:02',
coord: [113.94536028572479, 22.553039965439602],
coordZ: 64,
type: 'legendName2',
},
{
id: '1',
label: '点迹3',
time: '2021-07-22 19:45:03',
coord: [113.94949268093052, 22.527891252999886],
coordZ: 64,
type: 'legendName1',
},
{
id: '2',
label: '点迹4',
time: '2021-07-22 19:45:04',
coord: [113.93093141353246, 22.543201766120355],
coordZ: 64,
type: 'legendName2',
},
{
id: '2',
label: '点迹5',
time: '2021-07-22 19:45:05',
coord: [113.9240343059697, 22.51583130063262],
coordZ: 64,
type: 'legendName1',
},
{
id: '2',
label: '点迹6',
time: '2021-07-22 19:45:06',
coord: [113.94517161441655, 22.501652968201764],
coordZ: 64,
type: 'legendName2',
},
{
id: '2',
label: '点迹7',
time: '2021-07-22 19:45:07',
coord: [113.9221333055214, 22.488889005759155],
coordZ: 64,
type: 'legendName1',
},
],
};
appInstance.uniCall('addTrackLayer', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 | 端渲染 | 流渲染 |
|---|---|---|---|---|
| id | String | 图层对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别 | 支持 | 支持 |
| name | String | 图层名称,支持为图层自定义名称 | 支持 | 支持 |
| coordType | Number | XY 轴坐标类别,0:X 经度,Y 纬度;1:X 米,Y 米,相对世界 00 点 | 支持 | 支持 |
| coordTypeZ | Number | Z 轴坐标类别,0:相对 3D 世界 0 海拔;1:相对 3D 世界地表;2:相对 3D 模型表面(单位:米) | 支持 | 支持 |
| visible | Boolean | 添加当前图层时默认显示还是隐藏 | 支持 | 支持 |
| tags | Array | 用户自定标签数组,用于保存用户的扩展数据,或者可以控制显隐 | 不支持 | 支持 |
| legends | Array | 定义图层包含图例,支持为不同图例定义各自样式 | 支持 | 支持 |
| legends[0].name | String | 图层内图例名称,新建时调用者自己传入的唯一名称,用于各种操作的图例识别 | 支持 | 支持 |
| legends[0].icon | String | 内置图标名称,或根据项目,在场景中预置好的图标对象的名称,包含文字样式定义,具体图标名称参考下表和下图 | 支持 | 支持 |
| legends[0].iconScale | Number | 默认值是 1 表示原大,0 - 1:表示缩小倍率,大于 1:表示放大倍率 | 支持 | 支持 |
| legends[0].labelScale | Number | 默认值是 1 表示原大,0 - 1:表示缩小倍率,大于 1:表示放大倍率 | 支持 | 支持 |
| legends[0].lineColor | String | 路线颜色(HEX 颜色值) | 支持 | 支持 |
| legends[0].lineWidth | Number | 路线宽度(单位:米) | 支持 | 支持 |
| legends[0].lineType | String | 路线样式类别(具体类型参考下图 type 枚举值) | 支持 | 支持 |
| legends[0].lineSpeed | Number | 路线流动速度(单位:米/秒) | 支持 | 支持 |
| legends[0].curvature | Number | 路线曲率系数 (取值范围-1 ~ 1) | 支持 | 支持 |
| legends[0].value | Number | 数据点权值 | 支持 | 支持 |
| data | Array | 定义图层可视化数据 | 支持 | 支持 |
| legends[0].id | String | 图层子对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别 | 支持 | 支持 |
| legends[0].label | String | 图标标签文本 | 支持 | 支持 |
| legends[0].time | String | 数据点时间戳 | 支持 | 支持 |
| data[0].coord | Array | XY 轴坐标,X:经度;Y 纬度 | 支持 | 支持 |
| data[0].coordZ | Number | Z 轴高度(单位:米) | 支持 | 支持 |
| data[0].type | String | 数据点图例类别 | 支持 | 支持 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
具体内置图标名称(iconName)详情
| 图标类型 | 图标名称 |
|---|---|
| 市政设施 | camera |
| streetlamp | |
| manholecover | |
| sensor | |
| utilitypole | |
| transmission | |
| broadcast | |
| wifi | |
| firehydrant | |
| equipmentbox | |
| trafficlight | |
| charge | |
| gasstation | |
| wc | |
| dustbin | |
| 地点建筑 | trainstation |
| airport | |
| anchor | |
| government | |
| netpoint | |
| metro | |
| finance | |
| school | |
| hospital | |
| factory | |
| constructionsite | |
| residence | |
| mergencyshelter | |
| park | |
| diningroom | |
| warehouse | |
| store | |
| tollgate | |
| officebuilding | |
| busstation | |
| 人员 | people |
| policeman | |
| doctor | |
| specialpeople | |
| criminal | |
| 交通 | car |
| policecar | |
| fireengine | |
| ambulance | |
| taxi | |
| truck | |
| bus | |
| newscar | |
| militarycar | |
| municipal | |
| electriccar | |
| watercar | |
| train | |
| ship | |
| cargoship | |
| 飞行器 | airplane |
| helicopter | |
| uav | |
| satellite | |
| rocket | |
| 事件 | event_01 |
| event_03 | |
| event_03 | |
| 通用 | icon_01 |
| icon_02 | |
| icon_03 | |
| icon_04 | |
| 地名 | site_01 |
| site_02 | |
| site_03 |
具体内置图标名称(iconName)效果
![]()
2. 更新点迹图数据
引入版本:3.2 起支持
功能描述
更新三维场景中添加点迹图的数据
调用方法
JavaScript
let jsonData = {
id: 'trackLayerId',
name: '',
coordType: 0,
coordTypeZ: 0,
isAppend: false,
tags: ['tag1', 'tag2', 'tag3'],
data: [
{
id: '2',
label: '点迹8',
time: '2021-07-22 19:45:08',
coord: [113.91439860084506, 22.51771826940906],
coordZ: 64,
type: 'legendName1',
},
{
id: '3',
label: '点迹9',
time: '2021-07-22 19:45:09',
coord: [113.8908960431736, 22.50576914713573],
coordZ: 64,
type: 'legendName2',
},
{
id: '3',
label: '点迹10',
time: '2021-07-22 19:45:10',
coord: [113.87238243729819, 22.510987238988097],
coordZ: 64,
type: 'legendName1',
},
{
id: '3',
label: '点迹11',
time: '2021-07-22 19:45:11',
coord: [113.90024056826732, 22.528457264207194],
coordZ: 64,
type: 'legendName2',
},
{
id: '1',
label: '点迹12',
time: '2021-07-22 19:45:12',
coord: [113.9135299561891, 22.561925347038922],
coordZ: 64,
type: 'legendName1',
},
{
id: '1',
label: '点迹13',
time: '2021-07-22 19:45:13',
coord: [113.95296851791791, 22.570000152108662],
coordZ: 64,
type: 'legendName2',
},
],
};
appInstance.uniCall('updateTrackLayerCoord', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 | 端渲染 | 流渲染 |
|---|---|---|---|---|
| id | String | 图层对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别 | 支持 | 支持 |
| name | String | 图层名称,支持为图层自定义名称 | 支持 | 支持 |
| coordType | Number | XY 轴坐标类别,0:X 经度,Y 纬度;1:X 米,Y 米,相对世界 00 点 | 支持 | 支持 |
| coordTypeZ | Number | Z 轴坐标类别,0:相对 3D 世界 0 海拔;1:相对 3D 世界地表;2:相对 3D 模型表面(单位:米) | 支持 | 支持 |
| isAppend | Boolean | 是否追加数据(按数据顺序),true:在原有数据后方追加数据;false:清除原有数据,更新数据 | 支持 | 支持 |
| tags | Array | 用户自定标签数组,用于保存用户的扩展数据,或者可以控制显隐 | 不支持 | 支持 |
| data | Array | 定义图层可视化数据 | 支持 | 支持 |
| data[0].id | String | 图层子对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别 | 支持 | 支持 |
| data[0].label | String | 图标标签文本 | 支持 | 支持 |
| data[0].time | String | 数据点时间戳 | 支持 | 支持 |
| data[0].coord | Array | XY 轴坐标,X:经度;Y:纬度 | 支持 | 支持 |
| data[0].coordZ | Number | Z 轴高度(单位:米) | 支持 | 支持 |
| data[0].type | String | 数据点图例类别 | 支持 | 支持 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
3. 更新点迹图样式
引入版本:3.2 起支持
功能描述
更新三维场景中添加点迹图的样式
调用方法
JavaScript
let jsonData = {
id: 'trackLayerId',
isAppend: false,
legends: [
{
name: 'legendName1',
icon: 'people',
iconScale: 1,
labelScale: 1,
lineColor: '#FF00ff',
lineWidth: 100,
lineType: 'default',
lineSpeed: 5,
curvature: 1,
},
{
name: 'legendName2',
icon: 'bus',
iconScale: 1,
labelScale: 1,
lineColor: '#00ff00',
lineWidth: 100,
lineType: 'arrow',
lineSpeed: 20,
curvature: 1,
},
],
};
appInstance.uniCall('updateTrackLayerStyle', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 图层对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别 |
| isAppend | Boolean | 是否追加数据(按数据顺序),true:在原有数据后方追加数据;false:清除原有数据,更新数据 |
| legends | Array | 定义图层包含图例,支持为不同图例定义各自样式 |
| legends[0].name | String | 图层内图例名称,新建时调用者自己传入的唯一名称,用于各种操作的图例识别 |
| legends[0].icon | String | 内置图标名称,或根据项目,在场景中预置好的图标对象的名称,包含文字样式定义,具体图标名称参考上表和上图 |
| legends[0].iconScale | Number | 默认值是 1 表示原大,0 - 1:表示缩小倍率,大于 1:表示放大倍率 |
| legends[0].labelScale | Number | 默认值是 1 表示原大,0 - 1:表示缩小倍率,大于 1:表示放大倍率 |
| legends[0].lineColor | String | 路线颜色(HEX 颜色值) |
| legends[0].lineWidth | Number | 路线宽度(单位:米) |
| legends[0].lineType | String | 路线样式类别(具体类型参考上图 type 枚举值) |
| legends[0].lineSpeed | Number | 路线流动速度(单位:米/秒) |
| legends[0].curvature | Number | 路线曲率系数(取值范围-1 ~ 1) |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
4. 删除点迹图
引入版本:3.0 起支持
功能描述
删除点迹图
调用方法
JavaScript
let jsonData = {
id: 'trackLayerId', // 图层对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别
overlayType: 'trackLayer', // 图层对象类别
};
appInstance.uniCall('removeOverlay', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 图层对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别 |
| overlayType | String | 图层对象类别 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
流渲染效果图

端渲染效果图
