MapBox热力图显示地震3DGIS

在mapbox onload 事件里面进行热力图初始化

heatmap-weight：表示一个点对热力图权重的贡献，在贡献越大的地方热力图显示应该越明显

heatmap-intensity：热力图强度，有点类似于heatmap-weight属性，但是该属性是设置整体上热力图的强度

heatmap-color：热力图的颜色，设置在各个热力图的数值上是什么颜色

heatmap-radius：热力图的一个点计算权重的时候计算的点的半径，单位为像素，默认为30

heatmap-opacity：热力图的透明度

下面根据自己的理解说明以官网事例中各个属性的意思

“heatmap-weight”: [

“interpolate”,

[“linear”],

[“get”, “mag”],

0, 0,

6, 1

],

获取配一个要素的mag属性的值来设置每一个点对热力图强度的贡献，事例表示当mag的数值在0~6之间的时候对热力图强度贡献为从0到1进行线性贡献，大于6表示贡献为1，小于0表示无贡献

“heatmap-intensity”: [

“interpolate”,

[“linear”],

[“zoom”],

0, 1,

9, 3 ],

根据地图的缩放级别类设置热力图的强度，当缩放级别在0~9之间进行线性变化的时候，热力图的强度从1~3进行线性变化，小于0是 强度为0，大于9时强度为3，heatmap-intensity is a multiplier on top of heatmap-weight

“heatmap-color”: [

“interpolate”,

[“linear”],

[“heatmap-density”],

0, “rgba(33,102,172,0)”,

0.2, “rgb(103,169,207)”,

0.4, “rgb(209,229,240)”,

0.6, “rgb(253,219,199)”,

0.8, “rgb(239,138,98)”,

1, “rgb(178,24,43)”

],

设置热力图的颜色，热力图是颜色在强度在给定的两个范围进颜色记性线性变化，heatmap-density表示热力图的密度，

“heatmap-radius”: [

“interpolate”,

[“linear”],

[“zoom”],

0, 2,

9, 20 ],

设置在不同缩放级别的时候更改热力图计算的半径，

“heatmap-opacity”: [

“interpolate”,

[“linear”],

[“zoom”],

7, 1,

9, 0 ],

设置热力图的透明度，是整体图形的透明度，在zoom处于7~9间将热力图逐渐的透明，在zoom大于9的时候完全透明

该事例中使用到interpolate，具体参考官方地址
https://www.mapbox.com/mapbox-gl-js/style-spec/#expressions-interpolate