可直接用 localStorage 记住地图缩放级别：初始化时读取并设置，缩放结束时存入；需防错处理、兼容无痕模式，并避免在实时缩放事件中频繁写入。
可以直接用 localStorage 保存地图当前缩放级别（zoom），页面加载时读取并应用，实现“记住上次缩放”的效果。关键在于监听地图缩放变化、及时存值，并在初始化时优先使用存储值。
获取和保存缩放级别
以 Leaflet 地图为例（其他地图库逻辑类似）：
- 调用
map.getZoom()获取当前缩放值（通常为数字，如12.5或整数13） - 用
localStorage.setItem('mapZoom', String(zoom))存为字符串（localStorage只支持字符串） - 建议加防错处理：检查
map是否就绪、zoom 是否为有效数字
页面加载时恢复缩放
在创建地图后、但尚未设置初始视图前执行：
- 用
localStorage.getItem('mapZoom')读取值 - 若存在且是有效数字（
!isNaN(parseFloat(zoomStr))），则用该值初始化地图，例如：map.setView([lat, lng], parseFloat(zoomStr)) - 若无存储值，再使用默认缩放（如
12）
监听并自动更新存储
确保用户拖动、滚轮缩放等操作后立即保存：
立即学习“前端免费学习笔记（深入）”；
- Leaflet 中监听
'zoomend'事件：map.on('zoomend', () => { localStorage.setItem('mapZoom', String(map.getZoom())); }); - 也可监听
'moveend'（含平移+缩放），但更推荐zoomend避免冗余写入 - 注意：不要在
zoom实时事件（如'zoom'）中频繁存，可能影响性能
可选：清理与兼容性提醒
提升健壮性的小技巧：
- 用户切换地图类型或重置视图时，可主动清除：
localStorage.removeItem('mapZoom') - 不同域名或隐私模式下
localStorage不可用，需兜底（如 try-catch + 使用默认值） - 移动端 Safari 在无痕模式会抛出
QuotaExceededError，建议封装一个安全的 set/get 函数
