HeatGridLayer

用来展示柱状热力图效果，继承自ShapeLayer

示例

动手试试

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var layer = new mapvgl.HeatGridLayer({
    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属性

style

解释：展示方式

类型：string

默认值：’grid’

可选值：

  • grid，默认值，按半径聚合展示
  • normal，按真实坐标展示

girdSize

解释：柱状图单个柱子的半径，也是聚合半径

类型：Number

默认值：500

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

min

解释：最小阈值

类型：Number

maxHeight

解释：最大高度

类型：Number

minHeight

解释：最小高度

类型：Number

data内容

数据格式内容：

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