如何在javascript中为自定义地图上的路径路径设置动画？

Question

我想在Web应用程序中的自定义地理地图图像上叠加动态路径路径。当用户实现其距离目标时，显示路线的路径应使用不同的颜色动态填充（并在页面加载上设置动画）。一个例子可能是：

• 用户浏览地图页
• 世界地图显示路线覆盖 显示例如伦敦＆GT;开罗 - ＆gt; LA - ＆gt;伦敦
• 页面完成加载。
• JS计算用户覆盖的总距离（来自服务器） 边数据）
• 叠加线逐渐填充不同的颜色（动画 - 想想印第安纳琼斯！）

我喜欢地图图块的传单地图（leaflet），也许拉斐尔可以绘制折线并为其设置动画。

初始版本将非常简单，具有预定义的路线，因此我将知道前面城市的坐标。我的问题是如何动画添加到传单（或其他）地图的折线？拉斐尔会适合他吗？

Answer 1

您可以使用画布覆盖地图图像并在画布上绘制路线。 你也可以在admin中使用它作为引脚放置方法，只需处理画布点击事件并存储x，y，坐标。

Answer 2

查看openlayers，然后查看geoserver后端。