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

Question

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

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

这是我的问题:

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

提前谢谢您!

Answer 1

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

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