如何在react-leaflet中使用SnakeAnim

npm install react-leaflet snake-anim

import { MapContainer, TileLayer } from 'react-leaflet';
import { SnakeAnim } from 'snake-anim';

function MapComponent() {
  return (
    <MapContainer center={[51.505, -0.09]} zoom={13} style={{ height: '100vh', width: '100%' }}>
      <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />
      {/* 在这里添加SnakeAnim组件 */}
    </MapContainer>
  );
}

function MapComponent() {
  return (
    <MapContainer center={[51.505, -0.09]} zoom={13} style={{ height: '100vh', width: '100%' }}>
      <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />
      <SnakeAnim
        positions={[
          [51.505, -0.09],
          [51.51, -0.1],
          [51.51, -0.12],
          // 添加更多坐标点...
        ]}
        color="red"
        duration={2000}
        delay={1000}
      />
    </MapContainer>
  );
}

function App() {
  return (
    <div>
      {/* 其他组件... */}
      <MapComponent />
    </div>
  );
}