leaflet.js：setView()完成动画时的Fire事件。那件事怎么可能？

leaflet.js: Fire event when setView() has finished the animation. How is that possible?(leaflet.js：setView()完成动画时的Fire事件。那件事怎么可能？)

问题描述

我目前正在使用follelet.js，我现在在Web上搜索了很长时间，以找出：如果有事件，可以在异步函数setView()的动画结束后激发。

这是我尝试的内容：

map.setView( [lat, lon ], 12 , { 
   pan: { animate: true , duration: 0.5 }, 
   zoom: { animate: true }, 
   animate: true
}.on('ready', function(e) {
   console.log("animation finished!");
});

setView-命令工作正常，但应在地图动画准备好时激发的函数不起作用。

有人有解决方案吗？

推荐答案

您是否尝试过moveend和zoomend事件？

您可以轻松地在这两个事件上附加回调：map.once("moveend zoomend", callback)(请注意，once将在触发监听器后将其删除)

一个非常特殊的情况可能不会触发您的回调：如果setView没有更改任何内容，即请求的视图已经是当前视图。要检查，moveend事件可能在所有情况下都由setView激发。

否则，简单的超时就足够了。特别是在您指定动画持续时间之后。

这篇关于leaflet.js：setView()完成动画时的Fire事件。那件事怎么可能？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！