踩坑:GeoJSON 过大导致首屏白屏
踩坑
性能
GeoJSON
现象→日志→根因→方案的标准踩坑模板。
现象
移动端打开地图页白屏,CPU 飙高。
报错日志
Maximum call stack size exceeded / Page Unresponsive
根因分析
一次性解析 12MB GeoJSON,主线程阻塞。
完整解决方案
- 服务端按 bbox 分页返回
- 或改用 MVT 矢量瓦片
- 前端加 loading 与降级纯文字说明
优化方案
首屏只加载概览层,交互后再加载详图。