开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >问答首页 >如何通过OpenLayers绘制动画线来说明两点之间的流动？

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

Stack Overflow用户

提问于 2019-06-07 00:32:41

回答 1查看 255关注 0票数 1

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

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

因此，我向OpenLayers导出请求帮助。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-06-12 03:15:56

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

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

示例如下：https://stackblitz.com/edit/ol-line-animation

票数 2

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56481730

复制

相似问题