antv-l7/examples/heatmap/grid/demo/heatmap3.js

import { HeatmapLayer } from '@l7/layers';
import { Scene } from '@l7/scene';
const scene = new Scene({
  id: 'map',
  style: 'light',
  pitch: 0,
  pitch: 0,
  center: [110.097892, 33.853662],
  zoom: 4.056,
  type: 'amap',
});

fetch(
  'https://gw.alipayobjects.com/os/basement_prod/7359a5e9-3c5e-453f-b207-bc892fb23b84.csv',
)
  .then((res) => res.text())
  .then((data) => {
    const layer = new HeatmapLayer({})
      .source(data, {
        parser: {
          type: 'csv',
          x: 'lng',
          y: 'lat'
        },
        transforms: [
          {
            type: 'grid',
            size: 20000,
            field: 'v',
            method: 'sum'
          }
        ]
      })
      .size('count', (value) => {
        return value * 0;
      })
      .shape('circle')
      .style({
        coverage: 0.9,
        angle: 0,
      })
      .color('count', [
        '#8C1EB2', '#8C1EB2', '#DA05AA',
        '#F0051A', '#FF2A3C', '#FF4818',
        '#FF4818', '#FF8B18',
        '#F77B00', '#ED9909',
        '#ECC357', '#EDE59C'
      ].reverse())
    scene.addLayer(layer);
  });