@ruijingrs/deckgl-windy-layer v1.0.11

deckgl-windy-layer

A windy layer for deck.gl

Install

npm install @ruijingrs/deckgl-windy-layer
# or
yarn add @ruijingrs/deckgl-windy-layer

Use in React

import { useState } from 'react';
import StreamLineWindLayer from '@ruijingrs/deckgl-windy-layer';

export const useWindyLayer = () => {
  const [windyLayer, setWindyLayer] = useState<any[]>([]);
  const [visible, setVisible] = useState(false);

  useEffect(() => {
    if (!visible) {
      setWindyLayer([]);
      return;
    }

    const image = new Image();
    image.crossOrigin = 'anonymous';
    const src = `windy tile url`;
    image.src = src;
    image.onload = () => {
      const windy = new StreamLineWindLayer(
        {
          id: 'windy-layer',
        },
        {
          image,
          bounds: [60, 16, 144, 64],
          p2p: 1 / 1500,
          maxAge: 200,
          minAge: 30,
          color: [40, 108, 255, 255],
        }
      );
      setWindyLayer([windy]);
    };
  }, []);

  return windyLayer;
};

import DeckGL from '@deck.gl/react/typed';

const Map = () => {
  const windyLayer = useWindyLayer();

  return <DeckGL layers={windyLayer} />;
};

Props