• Yux1n

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

    今天给各位极客朋友分享的是著名数据可视化开发者 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
  • Yux1n

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

    #4
  • 紫霖

    🐮

    #5
  • Yux1n

    这评论水的好啊。

    #6

发表回复

登录后回复