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

读取鼠标经纬度

指针移动时显示经纬度与屏幕坐标,右下角常驻一个等宽字体读数面板。

MapLibre GL JS 4.x · 更新 2026-10-28
源码与运行效果
运行效果

说明

e.point 是画布像素坐标,e.lngLat 是反投影后的经纬度,两者都不需要自己算。

mousemove 每秒可触发上百次,用 requestAnimationFrame 合并写 DOM,避免频繁重排。

配置取值说明
e.lngLat经纬度已按当前投影反算
e.point像素坐标相对画布左上角
requestAnimationFrame合并更新一帧只写一次 DOM

屏幕坐标受画布 CSS 尺寸与设备像素比影响,做截图标注时要换算,不能直接把 e.point 当图片像素用。