首页 / Leaflet / 使用示例
事件调试
把地图触发的所有事件实时列出来,附带坐标、像素、图层 id,用来核对交互行为。
源码与运行效果
说明
监听是用数组循环批量注册的,回调只做一件事:按事件名与关键字段拼一行日志。
字段是否存在取决于事件类型,所以 describe 里逐项判断,
而不是假定所有事件都有 latlng。
move 高频且量大,默认不记录,勾选后才加入,日志最多保留 40 行。
moveend 在惯性拖拽下会比松手晚几百毫秒,
把日志按时间倒序排列,能直观看出两个事件之间隔了多久。
| 事件 | 关键字段 | 调试场景 |
|---|---|---|
click / preclick | latlng | 确认点击落点与坐标换算 |
dragstart / dragend | center | 惯性前后中心点差异 |
zoomend | zoom | 缩放控制器造成的额外级别变化 |
layeradd | layer | 矢量是否真的加进了地图 |
popupopen | layer | 气泡绑定与关闭逻辑 |
resize | newSize | 容器尺寸变化后是否需要 invalidateSize |
调试结束后记得用 off 摘掉这些监听,或者只挂 off('event', fn)
对应的具名回调。匿名回调在页面生命周期里会一直存在,地图销毁时才会释放。