leafletjs 热力图_LeaFlet学习之热力图

一、需要拖入的js

#map{

height: 1000px;

width: 1500px;

}

如果想省事可在这里下载

二、配置中参数意思

var config = { //热力图的配置项

radius: 'radius', //设置每一个热力点的半径

maxOpacity: 0.9, //设置最大的不透明度

// minOpacity: 0.3, //设置最小的不透明度

scaleRadius: true, //设置热力点是否平滑过渡

blur: 0.95, //系数越高，渐变越平滑，默认是0.85,

//滤镜系数将应用于所有热点数据。

useLocalExtrema: true, //使用局部极值

latField: 'latitude', //维度

lngField: 'longitude', //经度

valueField: 'count', //热力点的值

gradient: { "0.99": "rgba(255,0,0,1)",

"0.9": "rgba(255,255,0,1)",

"0.8": "rgba(0,255,0,1)",

"0.5": "rgba(0,255,255,1)",

"0": "rgba(0,0,255,1)"

},

//过渡，颜色过渡和过渡比例,范例：

/*

{ "0.99": &#