javascript - 如何使用 Javascript 访问现有的传单 map 多段线,然后对其进行动画处理?

标签 javascript animation mapping polyline cloudmade

任何人都可以建议我如何使用 javascript 在此处访问然后设置红色多段线的动画:

http://gymloop.lukem.co.uk (登录:User2/pass2,然后选择“挑战”)

我想为从第一个标记到红线末端的多段线设置动画(想想 Indiana jones,但没有移动 map 并且不使用谷歌地图)。它需要是动态的,因为不同的用户会走过不同的距离。

我需要在 FF、IE7+ 和 Chrome 中工作的解决方案

我正在使用 cloudmade 的 leaflet map ,并热衷于避免使用谷歌地图。

我在 gis 上的相关问题中有更多信息。 stackexchange

最佳答案

我检查了您的代码,您似乎在使用传单 API 来绘制线条。因此,我决定编写一个有点通用的函数来为这些类型的线条设置动画。 (顺便说一句,我很困惑为什么该 API 使用路径标签而不是行标签,但我已经习惯了。)

这是代码:http://jsfiddle.net/mihaibirsan/Wzvre/

我想进一步完善它,但我想踏入赏金之门。 :D(一旦我完成了一些其他工作,我将在几个小时内回去完善并发布更新。)

关于javascript - 如何使用 Javascript 访问现有的传单 map 多段线,然后对其进行动画处理?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6946649/

相关文章:

javascript - 类型错误 : Cannot read property 'parentNode' of null while using angular-datatables

java - 如何使用外部绑定(bind)覆盖 JAXB 中的默认名称?

php - 将纬度/经度转换为像素位置

json - 映射json数据/对象抖动

javascript - 从 angularJS 中的回调内部更新 $scope

javascript - 编码字符串javascript,以便它可以传输到服务器

javascript - 从 Ajax 响应中摘录

javascript - 如何防止元素回到初始状态?

ios - 如何在基于导航的应用程序中更改 Push 和 Pop 动画

javascript - 制作一个旋转到随机值的图像,将随机值相加