Javascript 如何"；在网站中的地图上移动时留下痕迹；？

先看这个gif。阅读前

---

我的网站以地图为背景，分为几个部分

当你滚动到下一个区域时，后面的地图会根据区域的类型而变化（例如，美国区域将显示美国。我已经通过使用背景位置和改变背景的X和Y坐标实现了这一点）

现在我想达到这个效果： 我添加了一个别针，它停留在屏幕的中心。 因此，当您更改截面时，它始终位于中心（不移动）

但是我想画一条从起点中心xy到终点xy（即下一个中心）的线，就像上面链接中的视频一样

你知道我可以用哪种技术吗？（我会搜索一些教程并学习）

也许使用SVG

想法1）SVG

路径命令

---

L x，y lineto从当前画笔位置到指定点x，y绘制一条线

外部链接内容也应直接包含在问题中，否则，如果链接过期或不再可用，则该问题对将来的读者没有用处。@ErikPhilips-我认为该用户没有足够的权限在帖子中包含图像。我知道，但我还没有10个声誉，因此我无法在问题中发布图像。我认为不支持图像GIF。我试图编辑你的文章以包含图像，但出现了“格式不受支持”错误。我对该问题投了赞成票（这是一个很好但不完整的问题），但你应该始终包含你试图完成问题的内容。否则，您似乎要求我们为您编写代码。