如何通过 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 导出寻求帮助。
您可以通过以下方式设置线条样式来完成此操作:
- 画一个实体stroke/line
- 在顶部画一条虚线stroke/line,宽度较小
- 在计时器上,增加虚线的lineDashOffset,会产生动画效果
我需要能够说明水从一个点流到另一个点。
我一直在尝试设计一条类似于 Bootstrap (https://getbootstrap.com/docs/4.3/components/progress/#animated-stripes) 的进度条的线条,但没有成功。我已经研究了很长时间,但找不到能够解决我的问题的方法或扩展。
因此,我向 OpenLayers 导出寻求帮助。
您可以通过以下方式设置线条样式来完成此操作:
- 画一个实体stroke/line
- 在顶部画一条虚线stroke/line,宽度较小
- 在计时器上,增加虚线的lineDashOffset,会产生动画效果