ianho7 /
maptoposter-online
MapPoster Online 是一个开源的在线地图海报生成工具，目标不是做一张普通地图截图，而是在 0 门槛的基础上，把 OpenStreetMap 的多级道路、多种河流海洋湖泊、绿地公园山体、兴趣点（名胜、地标、商圈）等数据重新渲染成适合展示和打印的高精度海报，目前支持： 选择城市并生成地图海报 调整地图半径、主题、颜色、字体和版式，支持自定义 导出 A4 竖版、A4 横版、方形、手机壁纸、桌面等多种尺寸 300 DPI 输出，方…
About
MapPoster Online 是一个开源的在线地图海报生成工具，目标不是做一张普通地图截图，而是在 0 门槛的基础上，把 OpenStreetMap 的多级道路、多种河流海洋湖泊、绿地公园山体、兴趣点（名胜、地标、商圈）等数据重新渲染成适合展示和打印的高精度海报，目前支持： 选择城市并生成地图海报 调整地图半径、主题、颜色、字体和版式，支持自定义 导出 A4 竖版、A4 横版、方形、手机壁纸、桌面等多种尺寸 300 DPI 输出，方便打印 20 种内置主题 上传自定义 TTF/OTF 字体 英文、中文、日文、韩文、德文、西班牙文、法文界面 浏览器 IndexedDB 缓存，重复生成同一城市会更快 效果图 核心亮点 降低浏览器压力： 将传统的 GeoJSON 对象结构，转化为 Float64Array 扁平化结构，降低内存压力 Web Worker 分片并行高效处理：充分利用设备性能，按核心分片处理数据，提升数据处理速度 竞速+分批获取 Overpass API：因为数据量大，公共 API 不稳定，所以设计： 并发请求多个 Overpass 镜像节点，取最快响应 查询面积过大时自动切分成多次、小块请求 大半径场景下，降低低权重道路精度，减少难以察觉但消耗巨大的渲染 数据缓存：使用 IndexedDB 压缩缓存地图数据，再次生成时可以直接读取 技术选型 React 19 + TypeScript + Vite Tailwind CSS v4 + Radix UI OpenStreetMap / Overpass API / Protomaps Rust + WebAssembly + tiny-skia Web Worker IndexedDB Paraglide JS 国际化 特别感谢 包括但不限于： maptoposter OpenStreetMap Overpass API Protomaps tiny-skia
Discovery history
- 阮一峰周刊·用户投稿
- 阮一峰周刊·正刊推荐
Discuss this product