Appearance
聚合气泡图操作
目录
1. 添加聚合气泡图 流
引入版本:3.3 起支持
功能描述
添加聚合气泡图
调用方法
JavaScript
let jsonData = {
id: "idLayer",
name: "layerName",
coordZ: 0
coordTypeZ: 0,
aggType:0,
aggRadius: 300,
aggMaxMapLevel: 18,
iconName:"camera",
iconScale: 1,
labelScale: 1,
labelColor: "#ffffff",
labelBackgroundColor: "#333333",
autoScale: false,
drawMax: 1000,
minViewDistance:0,
maxViewDistance:2000,
aggDataId: "idAggData1",
fillArea: "none",
speed: 50,
radiusMax: 1000,
radiusMin: 50
clusters: [
{
value_range_min:2,
value_range_max:100,
clustersIcon: "ball1",
clustersIconsize: 30,
clustersLabelcolor: "#ff0000",
clustersBubbleColor: "#ff0000"
},
{
value_range_min:101,
value_range_max:500,
clustersIcon: "ball2",
clustersIconsize: 30,
clustersLabelcolor: "#ff0000",
clustersBubbleColor: "#00ff00"
},
{
value_range_min:501,
value_range_max:1000,
clustersLabelcolor: "#ff0000"
clustersIcon: "ball3",
clustersIconsize: 30,
clustersLabelcolor: "#ff0000",
clustersBubbleColor: "#0000ff"
}
]
}
appInstance.uniCall('addAggBubbleLayer', 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 | 聚簇图显示的最大地图级别,超过这个级别,将显示原始点数据 |
| iconName | String | 最近距离点图标的样式 |
| iconScale | Number | 最近距离点图标大小,默认值是 1 表示原大,0 - 1:表示缩小倍率,大于 1:表示放大倍率 |
| labelScale | Number | 最近距离点文字标牌大小,默认值是 1 表示原大,0 - 1:表示缩小倍率,大于 1:表示放大倍率 |
| labelColor | String | 最近距离点标签文本颜色,可选值,默认白色 |
| labelBackgroundColor | String | 最近距离点标签文本背景颜色,可选值,默认灰色 |
| autoScale | Boolean | 如果开启后,图标会按照摄像机远近自动缩放大小 |
| drawMax | Number | 最近距离点的绘制最大数量 |
| minViewDistance | Number | 点图标最小可见距离,(单位:米) |
| maxViewDistance | Number | 点图标最大可见距离,(单位:米) |
| aggDataId | String | 对应本服务器上的聚合数据 id |
| fillArea | String | 区域填充样式类别,详见下表:区域填充样式类别 |
| speed | Number | 气泡扩散速度(单位:米/秒) |
| radiusMax | Number | 气泡最大半径(单位:米) |
| radiusMin | Number | 气泡最小半径(单位:米) |
| 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 颜色值) |
| clusters[0].clustersBubbleColor | String | 聚簇气泡颜色(HEX 颜色值) |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
2. 更新聚合气泡图样式 流
引入版本:3.3 起支持
功能描述
更新聚合气泡图样式
调用方法
JavaScript
let jsonData = {
id: "idLayer",
iconName:"camera",
iconScale: 1,
labelScale: 1,
labelColor: "#ffffff",
labelBackgroundColor: "#333333",
autoScale: false,
fillArea: "none",
speed: 50,
radiusMax: 1000,
radiusMin: 50
clusters: [
{
value_range_min:2,
value_range_max:100,
clustersIcon: "ball1",
clustersIconSize: 30,
clustersLabelcolor: "#ff0000",
clustersBubbleColor: "#ff0000"
},
{
value_range_min:101,
value_range_max:500,
clustersIcon: "ball2",
clustersIconSize: 30,
clustersLabelcolor: "#ff0000",
clustersBubbleColor: "#00ff00"
},
{
value_range_min:501,
value_range_max:1000,
clustersIcon: "ball3",
clustersIconSize: 30,
clustersLabelcolor: "#ff0000",
clustersBubbleColor: "#0000ff"
}
]
}
appInstance.uniCall('updateAggBubbleLayerStyle', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 图层对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别 |
| iconName | String | 最近距离点图标的样式 |
| iconScale | Number | 最近距离点图标大小,默认值是 1 表示原大,0 - 1:表示缩小倍率,大于 1:表示放大倍率 |
| labelScale | Number | 最近距离点文字标牌大小,默认值是 1 表示原大,0 - 1:表示缩小倍率,大于 1:表示放大倍率 |
| labelColor | String | 最近距离点标签文本颜色,可选值,默认白色 |
| labelBackgroundColor | String | 最近距离点标签文本背景颜色,可选值,默认灰色 |
| autoScale | Boolean | 如果开启后,图标会按照摄像机远近自动缩放大小 |
| fillArea | String | 区域填充样式类别,详见下表:区域填充样式类别 |
| speed | Number | 气泡扩散速度(单位:米/秒) |
| radiusMax | Number | 气泡最大半径(单位:米) |
| radiusMin | Number | 气泡最小半径(单位:米) |
| 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 颜色值) |
| clusters[0].clustersBubbleColor | String | 聚簇气泡颜色(HEX 颜色值) |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |