我想在 Web 应用程序中的自定义地理地图图像上覆盖动态路线路径。当用户达到他们的距离目标时,显示路线的路径应该用不同的颜色动态填充(并在页面加载时设置动画)。一个例子可能是:
- 用户浏览到地图页面
- 世界地图显示路线叠加显示例如伦敦-> 开罗-> 洛杉矶-> 伦敦
- 页面完成加载。
- JS 计算用户已覆盖的总距离(来自服务器端数据)
- 覆盖线逐渐填充不同的颜色(动画 - 想想印第安纳琼斯!)
我喜欢地图图块的传单地图(传单),可能还喜欢 Raphael 来绘制和动画折线。
初始版本将非常简单,带有预定义的路线,因此我会预先知道城市的坐标。我的问题是如何为添加到传单(或其他)地图的多段线设置动画?拉斐尔适合他吗?