热力柱图层

用来展示柱状热力图效果，继承自ShapeLayer

基础示例

静态属性

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

名称	类型	说明
effect	String	展示方式,默认值：’grid’,可选值：grid 按半径聚合展示,normal 按真实坐标展示
girdSize	Number	柱状图单个柱子的半径，也是聚合半径, 默认值：500
gradient	Object	渐变色,默认值 gradient
max	Number	最大阈值, 必填
min	Number	最小阈值, 必填
maxHeight	Number	最大高度
minHeight	Number	最小高度
zoomThreshold	Array	全图层均可使用，用来指定图层执行渲染的地图层级，初始默认值[0, 30]
lazy	Number	组件懒加载，默认-1，不进行懒加载，单位毫秒
---	---	---
enablePicked	Boolean	是否开启鼠标事件，开启后支持鼠标onClick与onMousemove事件，同时支持改变拾取物体颜色,默认值：false
selectedIndex	number	手动指定选中数据项索引，使该条数据所表示物体变色，-1表示没选中任何元素.默认值：-1,依赖：enablePicked=true
selectedColor	string	选中态颜色,默认值：’rgba(20, 20, 200, 1)’,依赖：enablePicked=true
autoSelect	boolean	根据鼠标位置来自动设置选中项selectedIndex，使选中物体变色，设置为true后selectedIndex失效.默认值：false,依赖：enablePicked=true
onClick	function(pickObject){}	点击事件，如果点击在可选中物体上，则返回对应数据,依赖：enablePicked=true
onDblClick	function(pickObject){}	双击事件，如果双击在可选中物体上，则返回对应数据,依赖：enablePicked=true
onRightClick	function(pickObject){}	右键事件，如果右键在可选中物体上，则返回对应数据
onMousemove	function(pickObject){}	鼠标指针移动事件，如果指针悬浮在在可选中物体上，则返回对应数据,依赖：enablePicked=true

pickObject数据结构

{
    dataIndex: -1, // 返回点击的数据元素索引
    dataItem: {}, // 返回点击的数据元素
}

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: [116.392394, 39.910683]
    },
    properties: {
     count: 90
    }
}]

ref可用方法

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

函数	返回	说明
$$getInstance()	mapvgl.HeatGridLayer	获取HeatmapLayer实例
$$pick({Number}x, {Number}y)	pickObject数据结构	根据屏幕像素坐标获取元素,依赖：enablePicked=true

事件

事件	参数	说明
init	Object	组件实例