雨滴粒子

import { GeometryLayer, Scene } from '@antv/l7';
import { GaodeMap } from '@antv/l7-maps';

const scene = new Scene({
  id: 'map',
  map: new GaodeMap({
    pitch: 90,
    style: 'dark',
    center: [120, 30],
    zoom: 6,
  }),
});

scene.on('loaded', () => {
  const layer = new GeometryLayer()
    .shape('sprite')
    .size(10)
    .style({
      opacity: 0.3,
      mapTexture:
        'https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*w2SFSZJp4nIAAAAAAAAAAAAAARQnAQ', // rain
      center: [120, 30],
      spriteCount: 120,
      spriteRadius: 10,
      spriteTop: 400,
      spriteUpdate: 10,
      spriteScale: 0.8,
    });
  scene.addLayer(layer);
});