如何在路线上制作自定义Google地图标记的动画？

function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 16,
    center: { lat: 40.730610, lng: -73.935242 },
  });

  const customMarker = new CustomMarker(map, {
    position: { lat: 40.730610, lng: -73.935242 },
    map: map,
    animation: google.maps.Animation.DROP,
  });

  customMarker.setAnimation(google.maps.Animation.BOUNCE);
}

class CustomMarker extends google.maps.OverlayView {
  constructor(map, options) {
    super();
    this.setMap(map);
    this.options = options;
    this.div = document.createElement("div");
    this.div.style.borderStyle = "none";
    this.div.style.borderWidth = "0px";
    this.div.style.position = "absolute";
  }

  onAdd() {
    this.getPanes().markerLayer.appendChild(this.div);
  }

  draw() {
    const overlayProjection = this.getProjection();
    const point = overlayProjection.fromLatLngToDivPixel(
      this.options.position
    );
    this.div.style.left = point.x + "px";
    this.div.style.top = point.y + "px";
  }

  onRemove() {
    this.div.parentNode.removeChild(this.div);
    this.div = null;
  }

  setAnimation(animation) {
    this.options.animation = animation;
    this.animate();
  }

  animate() {
    const delay = 100;
    switch (this.options.animation) {
      case google.maps.Animation.BOUNCE:
        this.div.style.animation = "bounce 1s infinite";
        break;
      case google.maps.Animation.DROP:
        this.div.style.animation = "drop 1s";
        break;
      default:
        break;
    }
  }
}