Heatmap 热力图

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

基础用法、散点图用法

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

API

名称	说明	类型	默认值
description	空数据描述	string	暂无数据
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	—

data API

data 可以接受dataUrl(object & string)或者DataSource(object & array)，对象中可以配置以下属性：

名称	说明	类型	默认值
path	ip地址，开发环境配置代理地址，接口地址	string	—
method	方法	string	get
params	params 、 data 参数	object	—
resPath	接口响应数据 格式如 : 'data/obj/list'	string	'data'
ContentType	content-type	string	application/json;charset=UTF-8
headers	请求头	object	-
transformResponse	格式化数据	function	-

data 可以接受静态数据

事件

名称	说明	类型	默认值
click-marker	marker点击事件	function	—
hover-marker	marker划动事件	function	—