将 SVG 地图用于设计

SVG（Scalable Vector Graphics）是处理地图数据的设计师的理想格式。 与栅格格式不同，SVG 在任意比例下都能保持清晰，这对印刷、户外广告和 Web 设计而言至关重要。

为何选用 SVG 制作地图？

OpenStreetMap 地图包含数以千计的对象：建筑、道路、公园、水体。在栅格格式（PNG、JPEG）中， 所有这些对象都会被「烘焙」成像素。而在 SVG 中，每个对象都是独立的矢量元素，可以在任何图形编辑器中 被选中、重新着色、删除或变形。

工作流程

1. 选择区域 —— 在 osm2cdr.com 上框选所需地区。用于设计通常 1–5 km²、 采用「detailed」或「maximum」细节级别即可。
2. 导出为 SVG —— 选择 SVG 格式和地图样式。「minimal」样式提供整洁的底图 以便后续设计。「blueprint」样式则提供现成的工程图外观。
3. 编辑 —— 在 Adobe Illustrator、Figma、Inkscape 或 Affinity Designer 中打开文件。 所有图层（道路、建筑、绿地、水体）均以独立分组形式呈现。
4. 样式设计 —— 更改颜色、线条粗细、添加效果。SVG 地图非常适合 用品牌色彩制作定制地图。

使用示例

• 海报与印刷品 —— 作为装饰元素的极简城市地图。
• 导览图 —— 用于活动、节庆、商务中心的地图。
• Web 设计 —— 网站上带悬停动画的交互式 SVG 地图。
• 品牌地图 —— 用于报告、演示、宣传册的企业地图。

优化建议

对于大型区域，SVG 文件可能达到数十兆字节。建议：

• 概览地图使用「city」或「regional」细节级别。
• 在编辑器中删除不需要的图层（例如，如只需街道则关闭 POI）。
• Web 发布时通过 SVGO 压缩 —— 体积可减少 30–60%。

替代格式

如果您需要的不是 SVG：AI（Adobe Illustrator）格式保留图层和样式； EPS 兼容旧版 CorelDRAW 和 QuarkXPress； PDF 便于提交给印刷厂，并保证正确显示。