Heatmap 热力图

热力图示例，使用 <g-heatmap> 组件。

基础用法

直接使用 <g-heatmap> 标签。

散点图

直接使用 <g-heatmap> 标签，设置module为scatter。

组件参数

名称	说明	类型	默认值
ak	高德地图开发者平台申请的密钥	string	绿城高德api默认ak
zoom	热力图层级	number	15
radius	热力图半径	number	50
gradient	热力图渐变区间，如： {0.5:'rgb(0, 110, 255)',0.8:'rgb(100, 0, 255)'}，其中 key 表示插值的位置，取值范围 0 ~ 1，value 为颜色值。	object	—
opacity	热力图透明度 0-1	number	0.8
module	地图模式 heatmap 热力图，scatter 散点图	string	heatmap
db-options	配置信息	object	—
info-window-offset	消息窗口偏移量	array	[0,-30]

db-options 属性

属性名	说明	类型	默认值
center	热力图中心坐标	object	—
columns	title 名称，field 指向字段，unit 单位	array	—
fieldsMap	数据集	array	—
data	数据配置	array	—

fieldsMap API

名称	说明	类型	默认值
lng	经度	string	—
lat	维度	string	—
count	数值	string	—
info	信息集合	object	—

组件支持的事件

名称	说明	类型	默认值
click-marker	marker点击事件	function	item
hover-marker	marker划动事件	function	item
on-load	地图加载完成	function	map，AMap