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

Javascript 如何通过OpenLayers绘制一条动画线来演示两点之间的流动?,javascript,openlayers,openlayers-3,Javascript,Openlayers,Openlayers 3,我需要能够说明水从一个点流向另一个点 我一直在尝试设计一个类似于Bootstrap()中进度条的行,但运气不好。我已经研究了很长一段时间,没有找到能够解决我的问题的方法或扩展 因此,我请求OpenLayers导出提供帮助。您可以通过以下方式设置线条样式来完成此操作: 绘制一条实线笔划/线 在顶部以较小的宽度绘制一条虚线 在计时器上,增加虚线的lineDashOffset,这将产生动画效果 这里的示例:这个解决方案有什么好处?漂亮的解决方案

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

我一直在尝试设计一个类似于Bootstrap()中进度条的行,但运气不好。我已经研究了很长一段时间,没有找到能够解决我的问题的方法或扩展


因此,我请求OpenLayers导出提供帮助。

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

  • 绘制一条实线笔划/线
  • 在顶部以较小的宽度绘制一条虚线
  • 在计时器上,增加虚线的lineDashOffset,这将产生动画效果

  • 这里的示例:

    这个解决方案有什么好处?漂亮的解决方案