地图架构选型

方案 A（传统 GIS）

OSM → PostGIS → GeoServer → Raster Tile（PNG）→ Leaflet / Cesium

这种方案是：

- 服务端设置地图样式、渲染栅格图，前端仅加载栅格瓦片，前端性能压力小；

- 适合地图样式固定的场景，一旦地图样式变化，地图就要重新切片；

- 此方案的性能瓶颈在于动态切片和带宽压力（栅格瓦片通常要比矢量瓦片大2~3倍）；

方案 B（现代 Web 地图）

OSM → PostGIS → martin（MVT）→ MapLibre（前端渲染）

这种方案是：

- 服务端仅给矢量数据，前端根据自定义样式渲染地图；后端性能压力小，但前端渲染压力大；

- 地图样式由前端自定义，类似于CSS样式，非常灵活；且地图元素可以实现高亮、hover、点击等；

- 性能瓶颈在于前端 GPU，GPU 尚可的情况下，性能能够大于等于栅格瓦片。

注：Martin（矢量瓦片）性能通常是 GeoServer（动态栅格渲染）的 2～10 倍；因为 Martin只是在传数据，而 GeoServer 是在画地图。Martin是实时逻辑切片，且不会缓存切片数据，但支持缓存；逻辑切片的意思是拼SQL，然后直接从 PostGis 中查询，所谓的“切片”其是依赖于数据库，最后将查询到的数据编码成 MVT（二进制）返回给前端即可。

前端地图引擎对比

Leaflet: 轻量级 2D 地图库，基于 DOM/Canvas 渲染，适合简单地图展示和基础标注；上手快、性能稳定，但样式能力和大规模数据渲染能力有限，不适合做复杂或产品级地图。

MapLibre: 开源免费的2.5D地图引擎，基于 WebGL 的矢量地图渲染引擎，支持 vector tiles 和 style.json 样式体系；性能强、样式完全可控、支持动态交互，是构建类似 OSM / Google Maps 的现代 Web 地图的主流方案；

Cesium: 面向 3D 的地球引擎，支持地形、3D 建筑、倾斜摄影等空间数据；适合数字孪生、三维城市等场景，但不适合作为纯 2D 地图的主渲染方案。

MapLibre 样式编辑器

Maputnik 是开源的 Mapbox / MapLibre 样式编辑器。Maputnik 写的样式可以直接导出给 MapLibre 用，但涉及源、字体、sprites 时要做替换或本地化。

其功能如下：

• 可视化编辑 MapLibre style.json
• 实时预览
• 调整颜色、线宽、图层顺序
• 导出 style.json

优点：

• 图形化，不用手写 JSON
• 支持多 zoom 级别调试

适合：

• 设计层（样式调整）
• 快速模拟 OSM 风格