如何通过 OpenLayers 绘制一条动画线来说明两点之间的流动?

How can I draw an animated line which illustrates flow between two points via OpenLayers?

我需要能够说明水从一个点流到另一个点。

我一直在尝试设计一条类似于 Bootstrap (https://getbootstrap.com/docs/4.3/components/progress/#animated-stripes) 的进度条的线条,但没有成功。我已经研究了很长时间,但找不到能够解决我的问题的方法或扩展。

因此,我向 OpenLayers 导出寻求帮助。

您可以通过以下方式设置线条样式来完成此操作:

  1. 画一个实体stroke/line
  2. 在顶部画一条虚线stroke/line,宽度较小
  3. 在计时器上,增加虚线的lineDashOffset,会产生动画效果

此处示例:https://stackblitz.com/edit/ol-line-animation