首页 / MapLibre / 使用示例
读取鼠标经纬度
指针移动时显示经纬度与屏幕坐标,右下角常驻一个等宽字体读数面板。
源码与运行效果
说明
e.point 是画布像素坐标,e.lngLat 是反投影后的经纬度,两者都不需要自己算。
mousemove 每秒可触发上百次,用 requestAnimationFrame 合并写 DOM,避免频繁重排。
| 配置 | 取值 | 说明 |
|---|---|---|
e.lngLat | 经纬度 | 已按当前投影反算 |
e.point | 像素坐标 | 相对画布左上角 |
requestAnimationFrame | 合并更新 | 一帧只写一次 DOM |
屏幕坐标受画布 CSS 尺寸与设备像素比影响,做截图标注时要换算,不能直接把 e.point 当图片像素用。