经纬志
首页 / Leaflet / 使用示例

事件调试

把地图触发的所有事件实时列出来,附带坐标、像素、图层 id,用来核对交互行为。

Leaflet 1.9.4 · 更新 2026-10-28
源码与运行效果
运行效果

说明

监听是用数组循环批量注册的,回调只做一件事:按事件名与关键字段拼一行日志。 字段是否存在取决于事件类型,所以 describe 里逐项判断, 而不是假定所有事件都有 latlng。

move 高频且量大,默认不记录,勾选后才加入,日志最多保留 40 行。 moveend 在惯性拖拽下会比松手晚几百毫秒, 把日志按时间倒序排列,能直观看出两个事件之间隔了多久。

事件关键字段调试场景
click / preclicklatlng确认点击落点与坐标换算
dragstart / dragendcenter惯性前后中心点差异
zoomendzoom缩放控制器造成的额外级别变化
layeraddlayer矢量是否真的加进了地图
popupopenlayer气泡绑定与关闭逻辑
resizenewSize容器尺寸变化后是否需要 invalidateSize

调试结束后记得用 off 摘掉这些监听,或者只挂 off('event', fn) 对应的具名回调。匿名回调在页面生命周期里会一直存在,地图销毁时才会释放。