javascript - 两个坐标之间带有箭头的动画线 Google Maps Javascript

Question

我想在 google maps api v3 上绘制一些从鼠标悬停的中心标记出来的线。例如，我在柏林城市标记处移动鼠标，一些数据是通过 ajax 在 bacground 中获取的，我有 5 个坐标作为响应。我想用从这个城市(柏林)到这 5 个坐标的箭头绘制线条，但是绘图应该是从柏林到这些点的动画。

这应该是可见的，就像带有箭头的线从柏林飞到这 5 个坐标。有谁知道如何在 javascript 中制作此动画。这应该在 PC 浏览器和移动浏览器中工作。有帮助吗？

Answer 1

您可以创建一个自定义的谷歌地图叠加层，并在该层上放置一个 Canvas 并逐步绘制线条以赋予它动画效果。