SVG 🌐

SVG (Scalable Vector Graphics)

付款前显示价格
.svg · image/svg+xml

SVG 是一种面向 Web 和印刷的开放矢量格式。所有浏览器和图形编辑器均支持。非常适合 Web 地图、信息图,以及嵌入网站和演示文稿。

OpenStreetMap data as of 5 October 2026 · 25 days ago

现在导出 SVG ✨ 登录网站后下载 · 付款前可查看价格

主要特点

✓无损缩放
✓支持所有浏览器
✓对象图层与分组
✓文字标注
✓A layer with object names
SVG 格式导出示例(莫斯科中心,1x0.5 公里)
示例:莫斯科中心区,约 1x0.5 公里,中等详细度

关于 SVG 格式

SVG is the open W3C consortium standard for vector graphics: the content is described as text, scales without loss of quality and opens in any browser. For a map that is a rare combination — one file suits page layout, printing and designer edits alike.

A map is exported to SVG when it will be styled further: a poster, a directions scheme, an illustration for an article, a picture for a website, a base for an infographic. In Illustrator, Inkscape, Figma or Affinity Designer you can recolor the roads, remove unneeded objects, add a route and your own labels.

What is in the file: one UTF-8 document where roads, buildings, water and greenery are drawn as real vector outlines rather than as a picture, and are sorted into layers — each one a separate named group instead of one common heap of objects. Thanks to that, keeping only the roads or recoloring all the water at once is a matter of selecting a group, not of hand-picking thousands of outlines; and if you don't need the layers, any editor ungroups them with one command. The labels stay as text rather than being converted to curves, so they are crisp at any zoom. There is a nuance: a label is drawn character by character, so editing it as a whole string in an editor will not work — it is easier to delete it and type it again.

The file weight predictably grows with the area: a map of a dense city center easily reaches tens of megabytes, and a browser starts to pan it slowly. If you need the file for the web, look at the compressed SVGZ option or lower the detail level at export time.

打开 SVG 文件的程序

以下程序可以打开、编辑和处理从 OSM2CDR 导出的 SVG (Scalable Vector Graphics)(.svg)文件:

✏Adobe Illustrator ✏Inkscape 🎨Figma 🎨Sketch 🎨Affinity Designer 🌐Browsers

格式规格

谁在使用 SVG 地图

🏗
网页地图
A vector map on a web page: it scales to any screen and stays crisp.
💻
信息图
The base of a scheme, with routes, icons and labels laid on top.
📊
演示展示
A slide with a map that does not fall apart into pixels on a big screen.
🎨
印刷材料
A source file for posters, booklets and prints of any size — the quality does not depend on resolution.
🗺
在 Figma / Illustrator 中编辑
A layout ready for editing: colors, line weights and the set of objects change in an editor in minutes.

如何导出 SVG

1
选择区域
在 osm2cdr 的交互式地图上绘制矩形或多边形
2
选择 SVG
从 127 种可用导出格式中选择 SVG (Scalable Vector Graphics)
3
导出
点击导出,不到一分钟即可收到您的 .svg 文件
4
下载
下载完成的 SVG 文件并在 Adobe Illustrator 中打开

导出后如何打开

SVG 格式的热门地图

Free

导出 SVG (Scalable Vector Graphics) 地图

从 OpenStreetMap 下载专业的 SVG 地图。任意区域,付款前即可看到价格。

所选格式的地图 构建器中自选区域 — 按地图计价
现在导出 SVG →

常见问题

我能在浏览器中打开 SVG 吗? ▼
SVG 适合打印吗? ▼
我能编辑 SVG 文件吗? ▼
Are the labels text or curves? ▼
Are the map layers preserved? ▼
Why is the file so big? ▼
Can I highlight map objects on a website? ▼

与其他格式比较

SVG 格式互转

SVG 指南

相关格式

经常一起导出

Related Articles