在电脑前闲暇时,如果看惯了喧嚣的信息流与千篇一律的地图图层,不妨来体验一种将城市文明骨架抽离为纯粹几何线条的高级美感。
今天给各位极客朋友分享的是著名数据可视化开发者 Andrei Kashcha(@anvaka)的开源神作——City Roads(城市全路网极简艺术生成器)。无需注册、零登录门槛、纯前端 WebGL 硬件加速驱动,只需输入全球任意一座城市的名字,它就能在几秒内调用 OpenStreetMap 数据库,将行政区划内的每一条大道、小巷、步道乃至自行车道完整提取,渲染为极具现代艺术感的极简矢量线构图!
🌐 网站传送门
- 官方直达:https://anvaka.github.io/city-roads/(完全免费,免登录即开即用)
📷 法国巴黎全路网实测截图(1080P 高清)

(实测图提取于法国巴黎全域路网:凯旋门 12 条星芒状辐射林荫道、蜿蜒穿城的塞纳河水系自然留白,以及环城高速构筑出的精密城市微观指纹)
🌟 核心特色与硬核看点
1. 全球海量城市秒级矢量重构
只要 OpenStreetMap 中有记录的城市、城镇、甚至小型岛屿,输入英文或拼音地名(如 Paris、Tokyo、Kyoto、Reykjavik、Hong Kong、Barcelona 等),系统便会自动检索行政边界,并从 Overpass API 极速拉取所有 highway 标签属性的几何地理数据。无论数十万条支路还是数百万个坐标节点,皆能被实时转化为丝滑的矢量线条。
2. 纯粹纯粹的城市“血管指纹”之美
- 自然留白与地形印记:
软件自动剥离了所有建筑物、商户标签与杂乱色块,未修路的水系(河流、湖泊、海湾)与山丘在密集的道路交织网中形成鬼斧神工的自然留白。比如巴黎塞纳河的柔美弯曲、西堤岛的孤悬结构,皆在路网边缘处自然浮现。 - 城市规划历史的几何见证:
- 巴黎经典的奥斯曼规划放射星芒(戴高乐广场 / 凯旋门)。
- 巴塞罗那惊艳的塞达八角切角网格(Eixample)。
- 曼哈顿严整的方格矩阵与百老汇大道的对角斜切。
- 阿姆斯特丹围绕运河生长的同心圆环。
3. 极客定制与高保真输出
- 个性化色彩与图层调校:点击左上角
Customize...,即可随意切换画布背景色、线条墨色、线宽与对比度,轻松调出赛博朋克暗黑霓虹、复古暖调羊皮纸、甚至极简黑白灰等各种视觉风格。 - 无损矢量与超高分辨率导出:
不仅支持直接导出高清桌面级壁纸(PNG),还支持直接导出无损矢量 SVG 格式,非常适合极客们用来制作极简风格装饰画、定制极客 T 恤、或者作为机械绘图仪(如 AxiDraw 笔式绘图机)的矢量源文件。 - 内置开发者控制台 API:
打开浏览器控制台,作者还暴露了丰富的全局 JS 接口,支持通过脚本将多个不同城市的尺度比例完全对齐并排叠图,横向对比全球各大都会的城市密度与道路延展形态。
🎮 探索与玩法建议
- 搜索家乡或心仪之城:输入你最熟悉或曾旅行走过的城市,细细辨认曾经漫步过的转角与胡同。
- 生成专属极简壁纸:微调线宽与配色方案,导出后设置为手机或显示器壁纸,艺术质感与辨识度直接拉满。
- 搭配矢量绘图设备折腾:对于喜欢硬件外设或激光雕刻的朋友,导出的 SVG 格式是绝佳的加工素材。
在电脑前打发闲暇时光时,看着浩瀚的全球地理数据在眼前凝聚成一幅幅优美的城市几何图腾,既是一次地理知识的沉浸式漫游,也是纯粹的视觉享受!
@苏叶 #1
要不你给站长发一份邮件建议一下他。
@Yux1n #2 嗨,以为你的站,算了算了
没啥需求就不折腾人了
@苏叶 #3
没事哒,没有需求我们可以创造需求的。
🐮
@紫霖 #5
这评论水的好啊。