javascript - 如何在 leaflet.js 中使用动画 gif 磁贴

标签 javascript animation dictionary leaflet gif

我目前正在开发一个 Web 应用程序,该应用程序从我自己的服务器获取非地理图像(自定义图像图 block )并将其显示在 map 上。 目前它可以很好地处理静态图 block 。

正在寻找一种解决方案,能够以固定间隔更改 gif 图 block 的多个帧(或为其设置动画)。 看起来像这样 https://tangrams.github.io/carousel/?daynight#15/40.7076/-74.0094 但对于非地理图像图 block 。

这是我的问题:

如何在 map 上呈现动画 gif 图 block ?
如果不可能,我可以使用多个图层来模拟 map 上图 block 的动画吗?

提前谢谢您!

最佳答案

Leaflet 仅将图 block 显示为图像,无论它们是 JPG、PNG 还是 GIF。

使用动画 GIF 图 block 应该没有问题,除了每个图 block 之间的同步之外:由于 GIF 图像将在加载时显示,并且它们将逐渐加载,因此您无法控制动画开始时间。

关于javascript - 如何在 leaflet.js 中使用动画 gif 磁贴,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37872242/

相关文章:

Python:减少字典的内存使用

ruby on rails 将属性映射到特定列

python - 从组合两个多索引 dfs 和列索引的元组列表构建字典

c# - 仅在浏览器关闭时结束 session

javascript - AngularJs 1 不工作

jquery - 在显示动画结束之前获取尺寸信息

javascript - 更改源 URL 时创建图像 CSS 转换

javascript - 切换 TAB 时未调用 statusChanges

javascript - jQuery $.get 在执行时卡住

ios - 像 swift 中的 iBooks 一样的翻页动画