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

Question

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

我一直在尝试设计一条与Bootstrap（https://getbootstrap.com/docs/4.3/components/progress/#animated-stripes）中的进度条类似的行，但是没有运气。我已经研究了很长时间，却找不到能够解决我的问题的方法或扩展。

因此，我正在向OpenLayers出口寻求帮助。

Answer 1

您可以通过以下方式设置线条样式来做到这一点：

1. 绘制实心笔触/线条
2. 在顶部以较小的宽度绘制虚线笔触/线条
3. 在计时器上，增加虚线的lineDashOffset，这将产生动画效果

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