Appearance
图层基本操作
目录
- 1. 设置图层对象显隐
- 2. 设置类别图层显隐
- 3. 设置标签图层显隐
- 4. 设置图层子对象显隐
- 5. 删除图层对象
- 6. 删除图层子对象
- 7. 删除类别图层
- 8. 移除图层尾迹
- 9. 获取图层顺序
- 10. 前移图层
- 11. 后移图层
- 12. 添加图层对象 Tip
- 13. 移除图层对象 Tip
- 14. 获取类别图层
- 15. 获取图层子图层对象
1. 设置图层对象显隐
引入版本:3.0 起支持
功能描述
设置图层对象显隐
调用方法
JavaScript
let jsonData = {
id: 'landmark',
overlayType: 'landmark',
visible: false,
};
appInstance.uniCall('setOverlayVisibility', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 图层对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别 |
| overlayType | String | 图层对象类别,参考下面图层对象类别枚举表格 |
| visible | Boolean | 显隐控制,true:显示;false:隐藏 |
回调数据
JSON
{
"result": 1,
"message": "成功"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | result 为执行结果,1 代表成功,0 代表失败。 |
| message | String | 为成功或失败消息 |
图层对象类别枚举
| 值 | 类型 | 备注 |
|---|---|---|
| landmark | String | 地标点 |
| path | String | 路径 |
| area | String | 区域轮廓 |
| circularArea | String | 圆形轮廓 |
| 3DTile | String | 3DTile 倾斜摄影 |
| gisMap | String | TMS 瓦片 |
| landmarkLayer | String | 地标图 |
| 3DColumnLayer | String | 三维柱状图 |
| 3DGridLayer | String | 栅格图 |
| heatMapLayer | String | 热力图 |
| starLightLayer | String | 星光图 |
| bubbleLayer | String | 气泡图 |
| eventLayer | String | 事件图 |
| trailLayer | String | 轨迹图 |
| trackLayer | String | 点迹图 |
| ODLineLayer | String | 关系图 |
| typeAreaLayer | String | 类型区域图 |
| colorAreaLayer | String | 数值区域图 |
| roadPtHeatLayer | String | 路径点热力图 |
| roadSgHeatLayer | String | 路径段热力图 |
| 3DMarker | String | 特效对象 |
| modelTrailLayer | String | 模型轨迹图 |
| modelLandmarkLayer | String | 模型地标图 |
| 3DMarkerLandmarkLayer | String | 特效地标图 |
| iconModelLandmarkLayer | String | 图标模型地标图 |
| iconModelTrailLayer | String | 图标模型轨迹图 |
| aggLandmarkLayer | String | 聚簇地标图 |
| aggBubbleLayer | String | 聚簇气泡图 |
| aggEventBubbleLayer | String | 聚簇事件图 |
| aggHeatMapLayer | String | 聚簇热力图 |
| agg3DColumnLayer | String | 聚簇三维柱状图 |
| agg3DGridLayer | String | 聚簇栅格图 |
| subLandmarkLayer | String | 抽稀地标图 |
2. 设置类别图层显隐
引入版本:3.1 起支持
功能描述
设置类别图层显隐
调用方法
JavaScript
let jsonData = {
overlayType: 'landmark',
visible: true,
};
appInstance.uniCall('setOverlayTypeVisibility', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| overlayType | String | 图层对象类别 ,参考上面图层对象类别枚举表格 |
| visible | Boolean | 显隐控制,true:显示;false:隐藏 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
3. 设置标签图层显隐 流
引入版本:4.0 起支持
功能描述
设置标签图层显隐
调用方法
JavaScript
let jsonData = {
tags: ['tags1', 'tags2', 'tags3'],
visible: true,
};
appInstance.uniCall('setOverlayTagsVisibility', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| tags | Array | 用户自定标签数组,用于保存用户的扩展数据,或者可以控制显隐 |
| visible | Boolean | 显隐控制,true:显示;false:隐藏 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
4. 设置图层子对象显隐
引入版本:3.4 起支持
功能描述
设置图层子对象显隐
调用方法
JavaScript
let jsonData = {
idLayer: 'layerId',
overlayType: 'landmarkLayer',
id: 'objId',
ids: [],
visible: true,
};
appInstance.uniCall('setOverlayObjVisibility', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idLayer | String | 图层对象 id,只支持带有子对象的图层 |
| overlayType | String | 图层对象类别,只支持带有子对象的图层,包括:landmarkLayer,bubbleLayer,eventLayer,trailLayer,trackLayer,typeAreaLayer,colorAreaLayer,roadSgHeatLayer,3DColumnLayer,3DGridLayer,modelTrailLayer,modelLandmarkLayer,3DMarkerLandmarkLayer,iconModelTrailLayer,iconModelLandmarkLayer,aggLandmarkLayer,aggBubbleLayer,aggEventBubbleLayer,aggHeatMapLayer,agg3DColumnLayer,agg3DGridLayer |
| id | String | 需要控制显隐的图层子对象 id |
| ids | Array | 需要控制显隐的图层子对象 id 数组,如果这个不为空,则会和 id 选中一起作用 |
| visible | Boolean | 显隐控制,true:显示;false:隐藏 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
5. 删除图层对象
引入版本:3.0 起支持
功能描述
删除图层对象
调用方法
JavaScript
let jsonData = {
id: 'landmark',
overlayType: 'landmark',
};
appInstance.uniCall('removeOverlay', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 图层对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别 |
| overlayType | String | 图层对象类别,参考上面图层对象类别枚举表格 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
6. 删除图层子对象
引入版本:3.4 起支持
功能描述
删除图层子对象
调用方法
JavaScript
let jsonData = {
overlayType: 'landmarkLayer',
idLayer: 'layerId',
id: '1',
ids: [],
};
appInstance.uniCall('removeLayerObj', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| overlayType | String | 图层对象类别,只支持带有子对象的图层,包括:landmarkLayer,bubbleLayer,eventLayer,trailLayer,trackLayer,typeAreaLayer,colorAreaLayer,roadSgHeatLayer,3DColumnLayer,3DGridLayer,modelTrailLayer,modelLandmarkLayer,3DMarkerLandmarkLayer,iconModelTrailLayer,iconModelLandmarkLayer,aggLandmarkLayer,aggBubbleLayer,aggEventBubbleLayer,aggHeatMapLayer,agg3DColumnLayer,agg3DGridLayer |
| idLayer | String | 图层对象 id,只支持带有子对象的图层 |
| id | String | 需要删除的图层子对象 id |
| ids | Array | 需要删除的图层子对象 id 数组,如果这个不为空,则会和 id 一起被删除 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
7. 删除类别图层
引入版本:3.0 起支持
功能描述
删除类别图层
调用方法
JavaScript
let jsonData = {
overlayType: 'landmark',
};
appInstance.uniCall('clearOverlayType', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 | 端渲染 | 流渲染 |
|---|---|---|---|---|
| overlayType | String | 覆盖物类型,支持 all ,参考上面图层对象类别枚举表格 | 支持 | 支持 |
| id | String | 模型对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别 | 支持 | 支持 |
| coordType | Number | XY 轴坐标类别,0:X 经度,Y 纬度;1:X 米,Y 米,相对世界 00 点 | 支持 | 支持 |
| coordTypeZ | Number | Z 轴坐标类别,0:相对 3D 世界 0 海拔;1:相对 3D 世界地表;2:相对 3D 模型表面(单位:米) | 支持 | 支持 |
| snapSurface | Number | 启用自动贴地 | 支持 | 支持 |
| alpha | Number | 透明度,0:完全透明;1:完全不透明 | 支持 | 支持 |
| markerMaxDistance | Number | 特效最大可见距离(单位:米),不可见后显示 icon | 支持 | 支持 |
| iconMaxDistance | Number | icon 最大可见距离(单位:米),不可见后隐藏 | 支持 | 支持 |
| markerLandmarkDataId | String | 对应本服务器上 3DMarkerLandmark 数据 Id,如果找到 id,则下方的 data 不起作用 | 支持 | 支持 |
| visible | Boolean | 添加当前图层时默认显示还是隐藏 | 支持 | 支持 |
| tags | Array | 用户自定标签数组,用于保存用户的扩展数据,或者可以控制显隐 | 不支持 | 支持 |
| name | String | 图层内图例名称,新建时调用者自己传入的唯一名称,用于各种操作的图例识别 | 支持 | 支持 |
| markerType | String | 特效样式类别 Radar01 Revolve01 Revolve02 Revolve03 Revolve04 Spread01 Spread02 Spread03 Spread04 Spread05 Spread06 Spread07 Spread08 Spread09 Square01 | 支持 | 支持 |
| scale | Number | 整体放缩倍数(单位:倍) | 支持 | 支持 |
| iconName | String | 内置图标名称,或根据项目,在场景中预置好的图标对象的名称,包含文字样式定义,具体图标名称参考下表和下图册 | 支持 | 支持 |
| titleColor | String | 特效标签文本颜色,可选值,默认白色 | 支持 | 支持 |
| titleBackgroundColor | String | 特效标签文本背景颜色,可选值,默认灰色 | 支持 | 支持 |
| titleText | String | 特效标签文本 | 支持 | 支持 |
| coord | Array | XY 轴坐标,X:经度;Y:纬度 | 支持 | 支持 |
| coordZ | Number | Z 轴高度(单位:米) | 支持 | 支持 |
| rotation | Array | [Yaw、Pitch、Roll] Yaw 偏航(单位:角度,正南为 0 度,以天为正方向的左手法则, 值域:-360 到 360),Pitch 俯仰角(单位:角度,水平面模型前进方向为 0 度,前进方向左侧的左手法则, 值域:-360 到 360),Roll 翻滚角(单位:角度,水平面模型前进方向右侧为 0 度,模型前进方向的左手法则, 值域:-360 到 360) | 支持 | 支持 |
| 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)效果
![]()
8. 移除图层尾迹 流
引入版本:4.0 起支持
功能描述
移除图层尾迹
调用方法
JavaScript
let jsonData = {
overlayType: 'modelTrailLayer',
idLayer: 'layerId',
id: 'objId',
};
appInstance.uniCall('clearOverlayTrail', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| overlayType | String | 图层类型,支持 trailLayer、modelTrailLayer 和 iconModelTrailLayer |
| idLayer | String | 图层 Id,可为空,为空表示清空该类型所有尾迹 |
| id | String | 对象 Id,可为空,为空时表示清空该图层所有对象尾迹 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
9. 获取图层顺序
引入版本:3.2.1 起支持
功能描述
获取图层顺序
调用方法
JavaScript
appInstance.uniCall('getOverlaysOrder', {}, (result) => {
console.log(result);
});回调数据
JSON
{
"result": 1,
"message": "成功。",
"data": [
{
"idLayer": "layerId1",
"index": 1
},
{
"idLayer": "layerId2",
"index": 2
}
]
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
| data | Array | 获取图层数据 |
| data[0].idLayer | String | 图层 Id |
| data[0].index | Number | 图层 index,越大表示在在前面,会遮挡其他图层,最下面的图层 index 是 1,index 是连续的,没有间断 |
10. 前移图层
引入版本:3.2.1 起支持
功能描述
前移图层
调用方法
JavaScript
let jsonData = {
idLayer: 'layerId', // 需要移动的图层Id
offset: 1, // 移动图层偏移几个,是相对图层的数量,如果是0,表示前移到最上面,值域只能是大于0
};
appInstance.uniCall('moveOverlayForward', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idLayer | String | 需要移动的图层 Id |
| offset | String | 移动图层偏移几个,是相对图层的数量,如果是 0,表示前移到最上面,值域只能是大于 0 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
11. 后移图层
引入版本:3.2.1 起支持
功能描述
后移图层
调用方法
JavaScript
let jsonData = {
idLayer: 'layerId', // 需要移动的图层Id
offset: 1, // 移动图层偏移几个,是相对图层的数量,如果是0,表示前移到最上面,值域只能是大于0
};
appInstance.uniCall('moveOverlayBackward', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idLayer | String | 需要移动的图层 Id |
| offset | String | 移动图层偏移几个,是相对图层的数量,如果是 0,表示前移到最上面,值域只能是大于 0 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
12. 添加图层对象 Tip
引入版本:3.0 起支持
功能描述
添加图层对象 Tip
调用方法
JavaScript
let jsonData = {
id: 'landmark',
url: 'http://www.tuguan.net/testdlg.html',
divId: 'tipDivId',
size: [500, 300],
offset: [100, -30],
isShowClose: true,
overlayType: 'landmark',
canDrag: false,
showLine: false,
lineColor: '#ff0000',
lineWidth: 1,
lineStyle: 'solid',
};
appInstance.uniCall('addOverlayTip', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 | 端渲染 | 流渲染 |
|---|---|---|---|---|
| id | String | 图层对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别 | 支持 | 支持 |
| url | String | Tip 窗口页面地址 | 支持 | 支持 |
| divId | String | HTML 侧弹出标牌的 dom div id,如果这个不为"",url 属性不起作用 | 支持 | 支持 |
| isShowClose | Boolean | 是否显示右上角关闭按钮,默认显示关闭按钮 | 支持 | 支持 |
| size | Array | Tip 窗口宽高 xy,x:窗口宽;y:窗口高(单位:像素) | 支持 | 支持 |
| offset | Array | Tip 左上角相对 对象中心点 偏移量 xy,x:为正,向右偏移;y:为正,向上偏移(单位:像素) | 支持 | 支持 |
| overlayType | String | 图层对象类别,参考上面图层对象类别枚举表格 | 支持 | 支持 |
| canDrag | Boolean | 是否可以拖拽标牌,默认 false,true: 可以拖拽,false: 不可以拖拽 | 支持 | 不支持 |
| showLine | Boolean | 是否显示标牌到中心点的连线,默认 false,true: 显示,false: 不显示 | 支持 | 不支持 |
| lineColor | String | 标牌连线颜色 | 支持 | 不支持 |
| lineWidth | Number | 标牌连线宽度 | 支持 | 不支持 |
| lineStyle | String | 标牌连线样式,"solid": 实线,"dashed": 虚线,"dotted":点线 | 支持 | 不支持 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
13. 移除图层对象 Tip
引入版本:3.2 起支持
功能描述
移除图层对象 Tip
调用方法
JavaScript
let jsonData = {
id: "landmark"
overlayType: "landmark"
};
appInstance.uniCall('removeOverlayTip', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 图层对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别,如果 id 为空,则删除所有 TIP |
| overlayType | String | 图层对象类别 ,参考上面图层对象类别枚举表格 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
14. 获取类别图层
引入版本:3.1 起支持
功能描述
获取类别图层
调用方法
JavaScript
let jsonData = {
overlayType: 'landmark',
};
appInstance.uniCall('getOverlaysByType', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| overlayType | String | 图层对象类别 ,参考上面图层对象类别枚举表格 |
回调数据
JSON
{
"result": 1,
"message": "成功。",
"type": "landmark",
"data": [
{
"id": "objId1",
"name": "objName1"
},
{
"id": "objId2",
"name": "objName2"
}
]
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
| type | String | 图层类型 |
| data | Array | 获取图层数据 |
| data[0].id | String | 图层 id |
| data[0].name | String | layer 类别覆盖物,会返回 name,其他为空 |
15. 获取图层子图层对象
引入版本:3.1 起支持
功能描述
获取图层子图层对象
调用方法
JavaScript
let jsonData = {
idLayer: 'layerId',
layerType: 'landmarkLayer',
};
appInstance.uniCall('getOverlaysByLayer', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| idLayer | String | 含子图层对象的图层 id,会获取该图层的所有子对象 |
| layerType | String | 含子图层对象的图层类别 参考下表含子图层对象图层类别枚举 |
回调数据
JSON
{
"result": 1,
"message": "成功。",
"type": "landmark",
"data": [
{
"id": "objId1"
},
{
"id": "objId2"
}
]
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
| type | String | 覆盖物类别 |
| data | Array | 获取图层数据 |
| data[0].id | String | 子图层 id |
# 含子图层对象图层类别枚举
| 值 | 类型 | 备注 |
|---|---|---|
| landmarkLayer | String | 地标图 |
| bubbleLayer | String | 气泡图 |
| eventLayer | String | 事件图 |
| trailLayer | String | 轨迹图 |
| trackLayer | String | 点迹图 |
| typeAreaLayer | String | 类型区域图 |
| colorAreaLayer | String | 数值区域图 |
| roadSgHeatLayer | String | 路径段热力图 |
| 3DColumnLayer | String | 三维柱状图 |
| 3DGridLayer | String | 栅格图 |
| aggLandmarkLayer | String | 聚簇地标图 |
| aggBubbleLayer | String | 聚簇气泡图 |
| aggEventBubbleLayer | String | 聚簇事件图 |
| aggHeatMapLayer | String | 聚簇热力图 |
| agg3DColumnLayer | String | 聚簇三维柱状图 |
| agg3DGridLayer | String | 聚簇栅格图 |