如何在JavaScript中的自定义地图上设置路径路径？

Question

我想覆盖Web应用程序中的自定义地理地图图像上的动态路径路径。显示路线的路径应该以用户实现距离目标时的不同颜色动态填充（并在页面加载时进行动画制作）。一个例子可能是：

• 用户浏览地图页面
• 世界地图显示有路线覆盖 显示例如伦敦 - >开罗 - >洛杉矶 - >伦敦
• 页面完成加载。
• JS计算多少总距离用户已覆盖（从服务器 侧数据）
• 覆盖线以不同颜色填充逐渐（动画 - ！想夺宝奇兵）

我喜欢传单地图（leaflet）的地图瓦片和可能拉斐尔绘制和动画多义线。

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

Answer 1

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

Answer 2

看看openlayers，并检查出geoserver为您的后端。