我怎样才能画一条动画线,通过 OpenLayers 来说明两点之间的流动



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

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

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

您可以通过按以下方式设置线条样式来执行此操作:

  1. 绘制实线/线条
  2. 在顶部以较小的宽度绘制虚线描边/线条
  3. 在计时器上,递增虚线的线虚线偏移量,这将产生动画效果

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

最新更新