Appearance
聚合地标图操作
目录
1. 添加聚合地标图 流
引入版本:3.2 起支持
功能描述
添加聚合地标图
调用方法
JavaScript
let jsonData = {
id: "idLayer",
name: "layerName",
coordZ: 0
coordTypeZ: 0,
aggType:0,
aggRadius: 300,
aggMaxMapLevel: 18,
autoScale: false,
legends: [
{
name: "摄像头",
iconName: "camera",
iconScale: 1,
labelScale: 1,
labelColor: "#ff0000",
labelBackgroundColor: "#333333"
},
{
name: "节能灯",
iconName: "light",
iconScale: 1,
labelScale: 1,
labelColor: "#00ff00",
labelBackgroundColor: "#333333"
}
],
legendAttr: "model",
drawMax: 1000,
minViewDistance:0,
maxViewDistance:2000,
aggDataId: "idAggData1",
clusters: [
{
value_range_min:2,
value_range_max:100,
clustersIcon: "ball1",
clustersIconSize: 30,
clustersLabelcolor: "#ff0000"
},
{
value_range_min:101,
value_range_max:500,
clustersIcon: "ball2",
clustersIconSize: 30,
clustersLabelcolor: "#00ff00"
},
{
value_range_min:501,
value_range_max:1000,
clustersIcon: "ball3",
clustersIconSize: 30,
clustersLabelcolor: "#0000ff"
}
]
}
appInstance.uniCall('addAggLandmarkLayer', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 图层对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别 |
| name | String | 图层名称,支持为图层自定义名称 |
| coordZ | Number | 聚合结果图层的显示 Z 轴高度(单位:米) |
| coordTypeZ | Number | Z 轴坐标类别,0:相对 3D 世界 0 海拔;1:相对 3D 世界地表;2:相对 3D 模型表面(单位:米) |
| aggType | Number | 聚簇方法:0-就近聚合 ,1-行政区划聚合, 2-栅格聚簇 |
| aggRadius | Number | 将点就近聚簇的范围半径(单位:像素) |
| aggMaxMapLevel | Number | 聚簇图显示的最大地图级别,超过这个级别,将显示原始点数据 |
| autoScale | Boolean | 如果开启后,图标会按照摄像机远近自动缩放大小 |
| legends | Array | 最近距离点图层包含的图例,支持为不同图例定义各自样式 |
| legends[0].name | String | 最近距离点图层内图例名称,需要和 attribute 的值一致 |
| legends[0].iconName | String | 最近距离点图标名称 |
| legends[0].iconScale | Number | 默认值是 1 表示原大,0 - 1:表示缩小倍率,大于 1:表示放大倍率 |
| legends[0].labelScale | Number | 默认值是 1 表示原大,0 - 1:表示缩小倍率,大于 1:表示放大倍率 |
| legends[0].labelColor | String | 最近距离点文字颜色(HEX 颜色值) |
| legends[0].labelBackgroundColor | String | 最近距离点标签文本背景颜色,可选值,默认灰色 |
| legendAttr | String | 对应 data 中 attribute 的字段名称,如果找到有这个属性,会按照 data 中这个 attribute 的 value 找对应的 legends 样式显示,如果没有,按照第一个 legends 显示。 |
| drawMax | Number | 最近距离点的绘制最大数量 |
| minViewDistance | Number | 点图标最小可见距离,(单位:米) |
| maxViewDistance | Number | 点图标最大可见距离,(单位:米) |
| aggDataId | String | 对应本服务器上的聚合数据 id |
| clusters | Array | 聚簇图例定义,不同数值区间对应不同的样式 |
| clusters[0].value_range_min | Number | 聚簇结果范围最小值(包含) |
| clusters[0].value_range_max | Number | 聚簇结果范围最大值(包含) |
| clusters[0].clustersIcon | String | 聚簇图标类型,根据内置枚举选择,支持自定义图标 |
| clusters[0].clustersIconSize | Number | 聚簇图标大小 |
| clusters[0].clustersLabelcolor | String | 聚簇文字颜色(HEX 颜色值) |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
2. 更新聚合地标图样式 流
引入版本:3.2 起支持
功能描述
更新聚合地标图样式
调用方法
JavaScript
let jsonData = {
id: "idLayer",
autoScale: false,
legends: [
{
name: "摄像头",
iconName: "camera",
iconScale: 1,
labelScale: 1,
labelColor: "#ff0000",
labelBackgroundColor: "#333333"
},
{
name: "节能灯",
iconName: "light",
iconScale: 1,
labelScale: 1,
labelColor: "#00ff00",
labelBackgroundColor: "#333333"
}
],
legendAttr: "model",
clusters: [
{
value_range_min:2,
value_range_max:100,
clustersIcon: "ball1",
clustersIconSize: 30,
clustersLabelcolor: "#ff0000"
},
{
value_range_min:101,
value_range_max:500,
clustersIcon: "ball2",
clustersIconSize: 30,
clustersLabelcolor: "#00ff00"
},
{
value_range_min:501,
value_range_max:1000,
clustersIcon: "ball3",
clustersIconSize: 30,
clustersLabelcolor: "#0000ff"
}
]
}
appInstance.uniCall('updateAggLandmarkLayerStyle', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 图层对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别 |
| autoScale | Boolean | 如果开启后,图标会按照摄像机远近自动缩放大小 |
| legends | Array | 最近距离点图层包含的图例,支持为不同图例定义各自样式 |
| legends[0].name | String | 最近距离点图层内图例名称,需要和 attribute 的值一致 |
| legends[0].iconName | String | 最近距离点图标名称 |
| legends[0].iconScale | Number | 默认值是 1 表示原大,0 - 1:表示缩小倍率,大于 1:表示放大倍率 |
| legends[0].labelScale | Number | 默认值是 1 表示原大,0 - 1:表示缩小倍率,大于 1:表示放大倍率 |
| legends[0].labelColor | String | 最近距离点文字颜色(HEX 颜色值) |
| legends[0].labelBackgroundColor | String | 最近距离点标签文本背景颜色,可选值,默认灰色 |
| legendAttr | String | 对应 data 中 attribute 的字段名称,如果找到有这个属性,会按照 data 中这个 attribute 的 value 找对应的 legends,如果有则按照样式显示,如果没有,按照默认 iconName 显示 |
| clusters | Array | 聚簇图例定义,不同数值区间对应不同的样式 |
| clusters[0].value_range_min | Number | 聚簇结果范围最小值(包含) |
| clusters[0].value_range_max | Number | 聚簇结果范围最大值(包含) |
| clusters[0].clustersIcon | String | 聚簇图标类型,根据内置枚举选择,支持自定义图标 |
| clusters[0].clustersIconSize | Number | 聚簇图标大小 |
| clusters[0].clustersLabelcolor | String | 聚簇文字颜色(HEX 颜色值) |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |