首页 / Leaflet / 使用示例
经纬网格
根据缩放级别自动切换步长,只在当前视野内生成经纬线与边缘标注,拖动后即时重绘。
源码与运行效果
说明
网格用普通 L.polyline 绘制,标注用 divIcon 包一段文字。
每次重绘先清空图层组,再按当前 getBounds() 的范围从「起始整步长」开始生成,
视野外的线不创建,节点数量始终控制在几十个以内。
| 缩放级别 | 步长 | 典型视野 |
|---|---|---|
| ≤ 3 | 30° | 洲际、全球 |
| 4–5 | 10° | 国家 |
| 6–7 | 5° | 区域 |
| 8–9 | 1° | 省域 |
| 10–11 | 0.2° | 城市群 |
| 12–13 | 0.05° | 城市 |
| ≥ 14 | 0.01° | 街区 |
重绘绑定在 moveend 与 zoomend,不监听每帧触发的 move。
循环里额外限制每条方向最多 60 条线,防止低缩放级别下范围计算异常导致节点暴增。
经纬网是等间隔的经纬线,不是投影网格。Web 墨卡托下高纬度经线间距在屏幕上会被拉开, 但经纬度标注本身仍然正确。需要公里网格时按投影坐标生成,不能直接套用这套步长。