如何在传单地图顶部设置形状动画
How to animate shapes on top of a leaflet map
我是传单的新手，正在寻找一些建议。
我想创建某种标记的动画（例如，html5 填充的弧形或形状）以在地图上重播 GPS 轨迹。 我可能需要几个动画标记，并且我想在行为和性能方面保持灵活性。 谁能推荐一种创建此类动画的好方法？
看起来我可以创建一个画布图层（L.TileLayer.Canvas）并使用线性动画技术（例如 http://www.html5canvastutorials.com/advanced/html5-canvas-linear-motion-animation/）在其上绘制，但我还不确定这是否有效，或者我是否需要调用 redraw（） 以及性能如何。 或者我可以尝试制作客户标记，并通过在某个时间间隔设置纬度/纬度来移动它们。
有没有人遇到过这个问题，可以推荐一个解决方案（以上的想法或其他）？ 理想情况下，当我更改缩放级别时，动画将"缩放"并具有良好的性能。 谢谢！
RaphaelLayer 插件允许您创建一些非常精美的动画：
http://dynmeth.github.com/RaphaelLayer/
是的，有几种方法可以解决这个问题......在交互式地图上绘图具有挑战性，因为您需要重新计算您在平移和缩放事件中的位置;除了管理您的实际动画。
这是一个很好的示例，使用 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这会抓住覆盖窗格（您可以在其上绘制的传单画布）并...借鉴它...
您绝对想查看此链接，其中描述了交互式地图的绘制过程
- 将列表项设置为负顶部的动画会使其他列表项下降
- 如何在按下next时自动将滚动视图设置为页面顶部
- 如何在滚动到底部后在页脚上方设置“返回顶部”
- 如何使用 JavaScript 动态设置 DIV 元素的左侧和顶部 CSS 位置
- jQuery设置的边距顶部使内容跳跃.如何使其平滑动画化
- Javascript // 将顶部边距设置为网站高度的负一半
- 浏览器如何读取JavaScripts，它应该排在第一位(设置在顶部）:事件?功能?或子函数
- 在垂直居中的 DIV 上设置最小顶部
- 使用jQuery将页面顶部从顶部设置为340px
- angular js设置动画以滚动到视口顶部
- 我的jquery函数是't为我要求它设置的元素设置顶部属性
- 使用obj.style.marginTop获取页边空白顶部失败，但如果首先显式设置了marginTop，则该操作有效
- jQuery UI要设置的位置“;右“;以及“;底部“;而不是“;“左”;以及“;顶部”;
- 如何在元素位于首页或底页时动态设置顶部css
- 当设置为导航栏固定顶部时，一页引导导航栏切换在移动模式下无法正常工作
- 如何将光标在文本区域中的位置设置回顶部
- 单击特定链接时，将不同的偏移量设置为滚动顶部
- 设置角度路线过渡的动画并自动滚动到顶部
- 设置时避免返回页面顶部position to fixed with jQuery
- 如何在传单地图顶部设置形状动画
