蜂窝图层

蜂窝图层,用于统计一定范围内点的数量分布,并以蜂窝结构展示其密集程度,由ShapeLayeropen in new windowTextLayeropen in new window组合而成。

基础示例

静态属性

仅且可以初始化配置,不支持响应式。

名称类型说明
sizenumber单个蜂窝图的横向宽度. 默认值:100
heightnumber蜂窝图最大值的高度,设置为0时显示为平面. 默认值:0
enableClusterboolean是否开启点聚合,开启后会根据地图级别提前对距离较近的点进行聚合,牺牲精确度提高展示时的性能,建议数据量较大时打开. 默认值:false
showTextboolean是否显示文字. 默认值:true
maxZoomnumber最大地图级别,当地图级别高于此值时不再更新图层数据. 默认值:19
minZoomnumber最小地图级别,当地图级别低于此值时不再更新图层数据. 默认值:5
gradientobject蜂窝图的颜色梯度,属性名0~1之间,属性值同css颜色值,通过Intensityopen in new window拾取. 默认值:gradient
textOptionsobject设置文字属性,支持文字图层open in new window所有参数。 额外参数:format 支持格式化显示的数字,传入参数为单个蜂窝的数量值,不配置此属性则显示原值,类型:function
zoomThresholdArray全图层均可使用,用来指定图层执行渲染的地图层级,初始默认值[0, 30]
lazyNumber组件懒加载,默认-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)'
}

动态属性

支持响应式。

名称类型说明
visibleBoolean图层显隐,true显示,false隐藏,默认显示
dataArray点数据,GeoJSON格式

data数据结构

[{
   geometry: {
       type: 'Point',
       coordinates: [121.5273285, 31.21515044]
   },
   properties: {
   }
}]

ref可用方法

提供无副作用的同步帮助方法

函数返回说明
$$getInstance()mapvgl.HoneycombLayeropen in new window获取HoneycombLayer实例

事件

事件参数说明
initObject组件实例
最后更新时间:
贡献者: guyangyang