city roads
Japan • JP

Yokohama Road Network Map

Opening Japan to international trade in 1859, Yokohama connects historic Western treaty ports and Chinatown with Minato Mirai's modern waterfront grid and Yokohama Bay Bridge.

Road Typology & Facts

Local / Native Name 横浜
Urban Grid Pattern Harbour Radial & Coastal Reclamation Grid
Estimated Road Ways 41,000+
Geographic Bounding Box 35.30, 139.50 to 35.55, 139.72
Primary Arterial Corridors Minato Mirai Boulevard, Motomachi Shopping Street, Yokohama Bay Bridge
Data Source OpenStreetMap (ODbL)

Developer & Export API

Extract vector SVG geometries directly into your web applications or pen plotters:

// Programmatically extract Yokohama roads:
const res = await window.cityRoads.loadCity('Yokohama', {
  minLength: 2,        // Filter micro segments
  includeLabels: true  // Minimalist typography
});

console.log(res.svg); // Clean XML <path> markup

Supports iframe postMessage bridge for automated pipelines.

Frequently Asked Questions

How does City Roads render Yokohama roads?
City Roads pulls raw street geometries from OpenStreetMap using the Overpass API or pre-indexed protobuf graphs, rendering them in real time on a high-performance WebGL canvas.
Can I export high-resolution posters of Yokohama?
Yes! The interactive viewer allows selecting custom background paper hues, ink colors, and exporting vector SVG (infinitely scalable) or print-quality PNG raster snapshots.
Is commercial use permitted?
Map geometries are licensed under the Open Database License (ODbL) by OpenStreetMap contributors. You are free to print, plot, and share visualizations with appropriate OSM credit.