1K
返回目录
anvaka github io city roads logo

anvaka github io city roads

输入城市名称,观看 OpenStreetMap 道路以 WebGL 地图呈现,再调整颜色或将当前视图导出为 PNG、SVG。

VisualizationMapCity+ 1
anvaka github io city roads cover

产品截图

产品介绍

产品简介

city roads 是一个浏览器交互式可视化工具,用于探索所选城市的完整道路网络。输入城市名称并选择行政区或城市边界后,页面会从 OpenStreetMap 下载道路,并用 WebGL 绘制地图式构图。

核心功能

  • 按名称搜索城市并选择可用边界。
  • 在画布中显示道路、城市名和 OpenStreetMap 数据来源。
  • 调整道路线条、背景和标签颜色。
  • 将当前画面导出为 PNG 或 SVG。
  • 尝试其他城市,或使用可选的马克杯打印入口。

使用方式

  1. 输入城市名称。
  2. 选择行政区或城市边界。
  3. 等待页面连接数据源并绘制道路。
  4. 打开 Customize 调整显示效果,再导出图像。页面提示大型城市可能需要 200MB 以上数据和较强设备。

适合场景

适合浏览不同城市的道路结构、制作地图风格的 PNG/SVG 素材,或准备城市道路马克杯设计。页面还提供项目源代码链接。

定价与访问

无需登录即可在浏览器访问。审核时未看到付费套餐或公开订阅价格,因此按免费工具收录;页面提到咖啡和 Patreon 支持,但不是必需。