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

经纬网格

根据缩放级别自动切换步长,只在当前视野内生成经纬线与边缘标注,拖动后即时重绘。

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

说明

网格用普通 L.polyline 绘制,标注用 divIcon 包一段文字。 每次重绘先清空图层组,再按当前 getBounds() 的范围从「起始整步长」开始生成, 视野外的线不创建,节点数量始终控制在几十个以内。

缩放级别步长典型视野
≤ 330°洲际、全球
4–510°国家
6–75°区域
8–91°省域
10–110.2°城市群
12–130.05°城市
≥ 140.01°街区

重绘绑定在 moveend 与 zoomend,不监听每帧触发的 move。 循环里额外限制每条方向最多 60 条线,防止低缩放级别下范围计算异常导致节点暴增。

经纬网是等间隔的经纬线,不是投影网格。Web 墨卡托下高纬度经线间距在屏幕上会被拉开, 但经纬度标注本身仍然正确。需要公里网格时按投影坐标生成,不能直接套用这套步长。