HeatmapLayer

用来展示热力图效果

示例

动手试试

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var layer = new mapvgl.HeatmapLayer({
    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)'
    },
    data: [{
        geometry: {
            type: 'Point',
            coordinates: [116.392394, 39.910683]
        }
    }]
});

options属性

gradient

解释：渐变色

类型：Object

默认值：

1
2
3
4
5
6
{
    0.0: 'rgb(50, 50, 256)',
    0.1: 'rgb(50, 250, 56)',
    0.5: 'rgb(250, 250, 56)',
    1.0: 'rgb(250, 50, 56)'
}

max

解释：最大阈值

类型：Number

默认值：100

min

解释：最小阈值

类型：Number

默认值：0

size

解释：热力画笔笔触大小

类型：Number

默认值：13

unit

解释：对应size的单位

类型：String

默认值：px

可选值：

  • px，默认，像素
  • m，米单位

height

解释：形成网格的最大高度，默认0效果最好，如无三维高度需求可不打开

类型：Number

默认值：0

data内容

数据格式内容：

1
2
3
4
5
6
[{
    geometry: {
        type: 'Point',
        coordinates: [116.392394, 39.910683]
    }
}]