GEO踩坑与性能优化

踩坑:GeoJSON 过大导致首屏白屏

踩坑 性能 GeoJSON
踩坑:GeoJSON 过大导致首屏白屏

现象→日志→根因→方案的标准踩坑模板。

现象

移动端打开地图页白屏,CPU 飙高。

报错日志

Maximum call stack size exceeded / Page Unresponsive

根因分析

一次性解析 12MB GeoJSON,主线程阻塞。

完整解决方案

  1. 服务端按 bbox 分页返回
  2. 或改用 MVT 矢量瓦片
  3. 前端加 loading 与降级纯文字说明

优化方案

首屏只加载概览层,交互后再加载详图。