antv-l7/docs/api/layer/point_layer/dot.zh.md

990 B

title order
亮度图 3

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

使用

shape

  • dot 如果需要使用亮度图可以将shape设置为dot,或者不设置shape

color

  • 无权重 如果数据没有权重可以将颜色设置为常量,渲染时会自动进行颜色叠加,点越多颜色约亮
  • 有权重 为数据有权重可以设置一组同一色相不同亮度的色带。
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

城市亮度图