Dodawanie strzałek lub animacji nakładki w przykładzie animacji lotu w Openlayers 6

Chcę dodać ruchome strzałki lub animację nakładki w przykładzie Animacja lotów w OpenLayers 6.

Próbowałem wykonać animację ruchu nakładki za pomocą JavaScript setInterval (), ale do tej pory udało mi się tylko animować pojedynczy CiągLinii, również po zakończeniu rysowania linii. Chciałem dodać ruchomą animację podczas rysowania linii, trochę jak śledzenie ścieżki LineString.

Czy ktoś mógłby mi z tym pomóc?

Poniżej znajduje się fragment kodu, w którym próbowałem dodać animację ruchomą:

var markerEl = document.getElementById('geo-marker');
var marker = new Overlay({
  positioning: 'center-center',
  offset: [0, 0],
  element: markerEl,
  stopEvent: false
});
map.addOverlay(marker);

function animateFlights(event) {
  var coords;
  var vectorContext = getVectorContext(event);
  var frameState = event.frameState;

  var features = flightSource.getFeatures();
  for (var i = 0; i < features.length; i++) {
    var feature = features[i];
    if (!feature.get('finished')) {
      coords = feature.getGeometry().getCoordinates();
      var elapsedTime = frameState.time - feature.get('start');
      var elapsedPoints = elapsedTime * pointsPerMs;

      if (elapsedPoints >= coords.length) {
        feature.set('finished', true);
      }

      var maxIndex = Math.min(elapsedPoints, coords.length);
      var currentLine = new LineString(coords.slice(0, maxIndex));
      vectorContext.setStyle(strokeStyle1);
      vectorContext.drawGeometry(currentLine);

      if (feature.get('finished')) {
        var interval = setInterval(
          function () { return animatePath(coords, interval) }, 10);
      }
    }
  }
  map.render();
}

function animatePath(path, clearInterval) {
  if (i == path.length) {
    stopAnimatePath(clearInterval);
  }
  marker.setPosition(path[i]);
  i = i + 1;
}

function stopAnimatePath(clearInterval) {
  clearInterval(clearInterval);
}

Oto link do migawki przedstawiającej, jak obecnie wygląda moja aplikacja