4

我是传单的新手，正在寻找一些建议。

我想创建某种标记的动画（​​例如，html5 填充弧或形状）以在地图上重放 GPS 轨迹。我可能需要几个动画标记，并且我想保持灵活的行为和性能。任何人都可以推荐一种创建此类动画的好方法吗？

看起来我可以创建一个画布层（L.TileLayer.Canvas）并使用线性动画技术在其上绘制（例如http://www.html5canvastutorials.com/advanced/html5-canvas-linear-motion-animation/ )，但我还不确定这是否有效，或者我是否需要调用 redraw() 以及性能如何。或者我可以尝试制作客户标记并通过在它们上设置纬度/经度以一定间隔移动它们。

有没有人遇到过这个并且可以推荐一个解决方案（上面的想法或其他）？理想情况下，当我更改缩放级别时，动画将“缩放”并具有良好的性能。谢谢！

4

2 回答 2

1

The RaphaelLayer plugin lets you create some pretty fancy animations:

http://dynmeth.github.com/RaphaelLayer/

于 2013-02-03T00:09:46.290 回答
1

是的，有几种方法可以解决这个问题……在交互式地图上绘图具有挑战性，因为您需要重新计算平移和缩放事件的位置；除了管理您的实际动画。

这是一个使用 D3 库在连续循环中管理动画的绝佳示例，您可能能够修改多个动画的代码。 http://zevross.com/blog/2014/09/30/use-the-amazing-d3-library-to-animate-a-path-on-a-leaflet-map/

如果您想要更多关于绘图过程如何工作的细节，那么这个项目可能是一个更好的起点 http://bl.ocks.org/Sumbera/11114288#L.CanvasOverlay.js 这抓住了覆盖窗格（您可以在其上绘制的传单画布）并且...在其上绘制...

并且您绝对想查看此链接，该链接描述了交互式地图的绘制过程

于 2015-09-21T01:44:44.083 回答