---
title: 亮度图
order: 3
---
亮度图又称点密度图，单位面积的内点的个数越多，亮度会越亮，亮度图一般用来表达海量点数据分布情况

## 使用

### shape
 - dot 如果需要使用亮度图可以将shape设置为dot,或者不设置shape
### color 
  - 无权重
   如果数据没有权重可以将颜色设置为常量，渲染时会自动进行颜色叠加，点越多颜色约亮
  - 有权重
    为数据有权重可以设置一组同一色相不同亮度的色带。


```javascript
const pointLayer = new PointLayer()
      .source(data)
      .size(2)
      .shape('dot')
      .color('h8', [
        '#0A3663',
        '#1558AC',
        '#3771D9',
        '#4D89E5',
        '#64A5D3',
        '#72BED6',
        '#83CED6',
        '#A6E1E0',
        '#B8EFE2',
        '#D7F9F0'
      ])
      .style({
        opacity: 1
      });

    scene.addLayer(pointLayer);
```

## 相关demo

[城市亮度图](../../../../examples/point/dot)