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

【问题标题】：How can I animate a route path on a custom map in javascript?如何在 javascript 中为自定义地图上的路线路径设置动画？
【发布时间】：2011-06-13 08:25:20
【问题描述】：

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

我喜欢用于地图图块的传单地图 (leaflet)，可能还喜欢 Raphael 来绘制和动画折线。

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

【问题讨论】：

【解决方案1】：

您可以用画布覆盖地图图像并在画布上绘制路线。您也可以在管理员中将其用作图钉放置方法，只需处理画布点击事件并存储 x、y、坐标。

【讨论】：

【解决方案2】：

查看openlayers，并查看geoserver 以了解您的后端。

【讨论】：