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

1.2 KiB

title order
亮度图 3

markdown:docs/common/style.md

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

使用

import { PointLayer } from '@antv/l7';
案例

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);

在线案例

markdown:docs/common/layer/base.md