1

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

  • 用户浏览到地图页面
  • 世界地图显示路线叠加显示例如伦敦-> 开罗-> 洛杉矶-> 伦敦
  • 页面完成加载。
  • JS 计算用户已覆盖的总距离(来自服务器端数据)
  • 覆盖线逐渐填充不同的颜色(动画 - 想想印第安纳琼斯!)

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

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

4

2 回答 2

1

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

于 2011-06-13T09:51:18.477 回答
0

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

于 2011-06-13T09:53:36.450 回答