Skip to content

聚合地标图操作 ​

目录 ​

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);
});

参数描述 ​

属性类型说明
idString图层对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别
nameString图层名称,支持为图层自定义名称
coordZNumber聚合结果图层的显示 Z 轴高度(单位:米)
coordTypeZNumberZ 轴坐标类别,0:相对 3D 世界 0 海拔;1:相对 3D 世界地表;2:相对 3D 模型表面(单位:米)
aggTypeNumber聚簇方法:0-就近聚合 ,1-行政区划聚合, 2-栅格聚簇
aggRadiusNumber将点就近聚簇的范围半径(单位:像素)
aggMaxMapLevelNumber聚簇图显示的最大地图级别,超过这个级别,将显示原始点数据
autoScaleBoolean如果开启后,图标会按照摄像机远近自动缩放大小
legendsArray最近距离点图层包含的图例,支持为不同图例定义各自样式
legends[0].nameString最近距离点图层内图例名称,需要和 attribute 的值一致
legends[0].iconNameString最近距离点图标名称
legends[0].iconScaleNumber默认值是 1 表示原大,0 - 1:表示缩小倍率,大于 1:表示放大倍率
legends[0].labelScaleNumber默认值是 1 表示原大,0 - 1:表示缩小倍率,大于 1:表示放大倍率
legends[0].labelColorString最近距离点文字颜色(HEX 颜色值)
legends[0].labelBackgroundColorString最近距离点标签文本背景颜色,可选值,默认灰色
legendAttrString对应 data 中 attribute 的字段名称,如果找到有这个属性,会按照 data 中这个 attribute 的 value 找对应的 legends 样式显示,如果没有,按照第一个 legends 显示。
drawMaxNumber最近距离点的绘制最大数量
minViewDistanceNumber点图标最小可见距离,(单位:米)
maxViewDistanceNumber点图标最大可见距离,(单位:米)
aggDataIdString对应本服务器上的聚合数据 id
clustersArray聚簇图例定义,不同数值区间对应不同的样式
clusters[0].value_range_minNumber聚簇结果范围最小值(包含)
clusters[0].value_range_maxNumber聚簇结果范围最大值(包含)
clusters[0].clustersIconString聚簇图标类型,根据内置枚举选择,支持自定义图标
clusters[0].clustersIconSizeNumber聚簇图标大小
clusters[0].clustersLabelcolorString聚簇文字颜色(HEX 颜色值)

回调数据 ​

JSON
{
  "result": 1,
  "message": "成功。"
}

回调数据参数描述 ​

属性类型说明
resultNumber1:代表成功;0:代表失败
messageString成功或者失败原因

返回本章目录

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);
});

参数描述 ​

属性类型说明
idString图层对象 id,新建时调用者自己传入的唯一标识,用于各种操作的对象识别
autoScaleBoolean如果开启后,图标会按照摄像机远近自动缩放大小
legendsArray最近距离点图层包含的图例,支持为不同图例定义各自样式
legends[0].nameString最近距离点图层内图例名称,需要和 attribute 的值一致
legends[0].iconNameString最近距离点图标名称
legends[0].iconScaleNumber默认值是 1 表示原大,0 - 1:表示缩小倍率,大于 1:表示放大倍率
legends[0].labelScaleNumber默认值是 1 表示原大,0 - 1:表示缩小倍率,大于 1:表示放大倍率
legends[0].labelColorString最近距离点文字颜色(HEX 颜色值)
legends[0].labelBackgroundColorString最近距离点标签文本背景颜色,可选值,默认灰色
legendAttrString对应 data 中 attribute 的字段名称,如果找到有这个属性,会按照 data 中这个 attribute 的 value 找对应的 legends,如果有则按照样式显示,如果没有,按照默认 iconName 显示
clustersArray聚簇图例定义,不同数值区间对应不同的样式
clusters[0].value_range_minNumber聚簇结果范围最小值(包含)
clusters[0].value_range_maxNumber聚簇结果范围最大值(包含)
clusters[0].clustersIconString聚簇图标类型,根据内置枚举选择,支持自定义图标
clusters[0].clustersIconSizeNumber聚簇图标大小
clusters[0].clustersLabelcolorString聚簇文字颜色(HEX 颜色值)

回调数据 ​

JSON
{
  "result": 1,
  "message": "成功。"
}

回调数据参数描述 ​

属性类型说明
resultNumber1:代表成功;0:代表失败
messageString成功或者失败原因

返回本章目录