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

2022-03-17 00:00:00 mapbox leaflet javascript

我目前正在使用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-命令工作正常,但应在地图动画准备好时激发的函数不起作用。

有人有解决方案吗?


解决方案

您是否尝试过moveendzoomend事件?

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

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

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

相关文章