蜂窝图层
蜂窝图层,用于统计一定范围内点的数量分布,并以蜂窝结构展示其密集程度,由ShapeLayer与TextLayer组合而成。
基础示例
静态属性
仅且可以初始化配置,不支持响应式。
名称 | 类型 | 说明 |
---|---|---|
size | number | 单个蜂窝图的横向宽度. 默认值:100 |
height | number | 蜂窝图最大值的高度,设置为0时显示为平面. 默认值:0 |
enableCluster | boolean | 是否开启点聚合,开启后会根据地图级别提前对距离较近的点进行聚合,牺牲精确度提高展示时的性能,建议数据量较大时打开. 默认值:false |
showText | boolean | 是否显示文字. 默认值:true |
maxZoom | number | 最大地图级别,当地图级别高于此值时不再更新图层数据. 默认值:19 |
minZoom | number | 最小地图级别,当地图级别低于此值时不再更新图层数据. 默认值:5 |
gradient | object | 蜂窝图的颜色梯度,属性名0~1之间,属性值同css颜色值,通过Intensity拾取. 默认值:gradient |
textOptions | object | 设置文字属性,支持文字图层所有参数。 额外参数:format 支持格式化显示的数字,传入参数为单个蜂窝的数量值,不配置此属性则显示原值,类型:function |
zoomThreshold | Array | 全图层均可使用,用来指定图层执行渲染的地图层级,初始默认值[0, 30] |
lazy | Number | 组件懒加载,默认-1,不进行懒加载,单位毫秒 |
gradient
{
0.0: 'rgb(50, 50, 256)',
0.1: 'rgb(50, 250, 56)',
0.5: 'rgb(250, 250, 56)',
1.0: 'rgb(250, 50, 56)'
}
动态属性
支持响应式。
名称 | 类型 | 说明 |
---|---|---|
visible | Boolean | 图层显隐,true显示,false隐藏,默认显示 |
data | Array | 点数据,GeoJSON格式 |
data数据结构
[{
geometry: {
type: 'Point',
coordinates: [121.5273285, 31.21515044]
},
properties: {
}
}]
ref可用方法
提供无副作用的同步帮助方法
函数 | 返回 | 说明 |
---|---|---|
$$getInstance() | mapvgl.HoneycombLayer | 获取HoneycombLayer 实例 |
事件
事件 | 参数 | 说明 |
---|---|---|
init | Object | 组件实例 |