【摸鱼好物】一键提取全球任意城市全部路网!输入地名秒变极简矢量艺术海报,极客与地图迷必备

Yux1n 2026-10-14 00:05 1

在电脑前闲暇时,如果看惯了喧嚣的信息流与千篇一律的地图图层,不妨来体验一种将城市文明骨架抽离为纯粹几何线条的高级美感。


今天给各位极客朋友分享的是著名数据可视化开发者 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 接口,支持通过脚本将多个不同城市的尺度比例完全对齐并排叠图,横向对比全球各大都会的城市密度与道路延展形态。




🎮 探索与玩法建议



  1. 搜索家乡或心仪之城:输入你最熟悉或曾旅行走过的城市,细细辨认曾经漫步过的转角与胡同。

  2. 生成专属极简壁纸:微调线宽与配色方案,导出后设置为手机或显示器壁纸,艺术质感与辨识度直接拉满。

  3. 搭配矢量绘图设备折腾:对于喜欢硬件外设或激光雕刻的朋友,导出的 SVG 格式是绝佳的加工素材。


在电脑前打发闲暇时光时,看着浩瀚的全球地理数据在眼前凝聚成一幅幅优美的城市几何图腾,既是一次地理知识的沉浸式漫游,也是纯粹的视觉享受!

最新回复 (6)
  • 苏叶 10-14 00:09
    1楼

    感觉不是很美妙,边缘不规则的感觉很凌乱,或许可以价格边框之类让他更美观?

  • Yux1n 楼主 10-14 00:09
    2楼

    @苏叶 #1

    要不你给站长发一份邮件建议一下他。 ^-^

  • 苏叶 10-14 00:12
    3楼

    @Yux1n #2 嗨,以为你的站,算了算了 ^-^ 没啥需求就不折腾人了

  • Yux1n 楼主 10-14 00:31
    4楼

    @苏叶 #3

    没事哒,没有需求我们可以创造需求的。

  • 紫霖 10-14 01:17
    5楼

    🐮

  • Yux1n 楼主 10-14 02:09
    6楼

    @紫霖 #5

    这评论水的好啊。

* 帖子来源NodeSeek
返回