WebGIS 前端如何加载 GeoJSON 大文件：从压缩、切片到可视化降采样

GeoJSON 易读、易调试、生态好，但它并不适合无限变大。当前端直接加载几十 MB 甚至上百 MB 的 GeoJSON 时，常见问题包括首屏白屏、浏览器内存飙升、地图拖拽卡顿、样式计算变慢。优化这类问题，需要从数据体积、传输方式和渲染策略一起处理。

先减少不必要的数据

很多 GeoJSON 文件慢，不是因为几何一定复杂，而是属性字段太多。发布前应删除前端不展示、不筛选、不弹窗使用的字段。对于面和线数据，可以根据比例尺做简化，但要注意保拓扑，避免行政区边界出现缝隙或重叠。

开启压缩传输

GeoJSON 是文本格式，gzip 或 brotli 压缩效果通常很好。一个 30 MB 的 GeoJSON 压缩后可能只有几 MB。服务器层面开启压缩，可以显著降低网络传输时间，但它不能解决浏览器解析和绘制压力。

数据大时考虑矢量切片

如果数据需要全国或全省范围浏览，推荐将 GeoJSON 转为 MVT 矢量切片。矢量切片按层级和范围分块加载，用户看哪里就请求哪里，不需要一次性把全部要素塞进浏览器。Tippecanoe、GeoServer、PostGIS + pg_tileserv 都可以参与这条链路。

点数据使用聚合

大量点位直接渲染会造成明显卡顿。可以在低缩放级别使用聚合圆点，放大后再展示原始点。Mapbox GL、MapLibre GL、Leaflet.markercluster 都有成熟方案。对于热力图，也建议限制最大点数或在服务端预聚合。

按需加载与缓存

业务系统中可以按行政区、时间范围或图层开关进行按需请求，避免页面初始化时加载所有数据。对变化不频繁的数据，合理设置 HTTP 缓存头，也能减少重复访问成本。

判断方案时可以记住一个原则：小数据用 GeoJSON 很舒服，大数据要尽早切片化、服务化。前端优化不是单纯换一个地图框架，而是让数据以更适合浏览器的形态出现。