热力柱图层

2023-11-30 21:24| 来源: 网络整理| 查看: 265

# 热力柱图层

用来展示柱状热力图效果，继承自ShapeLayeropen in new window

# 基础示例# 静态属性

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

名称类型说明effectString展示方式,默认值：’grid’,可选值：grid 按半径聚合展示,normal 按真实坐标展示girdSizeNumber柱状图单个柱子的半径，也是聚合半径, 默认值：500gradientObject渐变色,默认值 gradientmaxNumber最大阈值, 必填minNumber最小阈值, 必填maxHeightNumber最大高度minHeightNumber最小高度zoomThresholdArray全图层均可使用，用来指定图层执行渲染的地图层级，初始默认值[0, 30]lazyNumber组件懒加载，默认-1，不进行懒加载，单位毫秒---------enablePickedBoolean是否开启鼠标事件，开启后支持鼠标onClick与onMousemove事件，同时支持改变拾取物体颜色,默认值：falseselectedIndexnumber手动指定选中数据项索引，使该条数据所表示物体变色，-1表示没选中任何元素.默认值：-1,依赖：enablePicked=trueselectedColorstring选中态颜色,默认值：’rgba(20, 20, 200, 1)’,依赖：enablePicked=trueautoSelectboolean根据鼠标位置来自动设置选中项selectedIndex，使选中物体变色，设置为true后selectedIndex失效.默认值：false,依赖：enablePicked=trueonClickfunction(pickObject){}点击事件，如果点击在可选中物体上，则返回对应数据,依赖：enablePicked=trueonDblClickfunction(pickObject){}双击事件，如果双击在可选中物体上，则返回对应数据,依赖：enablePicked=trueonRightClickfunction(pickObject){}右键事件，如果右键在可选中物体上，则返回对应数据onMousemovefunction(pickObject){}鼠标指针移动事件，如果指针悬浮在在可选中物体上，则返回对应数据,依赖：enablePicked=true# pickObject数据结构{ dataIndex: -1, // 返回点击的数据元素索引 dataItem: {}, // 返回点击的数据元素 } 1234# 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)' } 123456# 动态属性

支持响应式。

名称类型说明visibleBoolean图层显隐，true显示，false隐藏，默认显示dataArray// 点数据,GeoJSON格式# data数据结构[{ geometry: { type: 'Point', coordinates: [116.392394, 39.910683] }, properties: { count: 90 } }] 123456789# ref可用方法

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

函数返回说明$$getInstance()mapvgl.HeatGridLayeropen in new window获取HeatmapLayer实例$$pick({Number}x, {Number}y)pickObject数据结构根据屏幕像素坐标获取元素,依赖：enablePicked=true# 事件事件参数说明initObject组件实例最后更新时间: 贡献者: guyangyang

【本文地址】

公司简介

联系我们