Map of Saint John in SVG format
A map built from OpenStreetMap data, ready to download
Customize the map
Open this place's area in the constructor and adjust everything to your needs
Open in constructor →Map passport
What this map contains by default
This is how the map is built as-is — every setting can be changed in the constructor.
About SVG
Map of Saint John in SVG — an export of real OpenStreetMap data for the selected area.
Scalable Vector Graphics — an open XML-based format for web graphics and print. The map stays crisp at any zoom level, perfect for embedding on websites and printing posters.
Which layers are in the file
This file for the selected area contains:
- Roads
- Buildings
- Water
- Greenery
- Points of interest
Coordinate systems
WGS 84 (EPSG:4326), selectable in the wizard
Compatibility
Units
Meters (projected in the chosen coordinate system)
| Category | Vector |
| File extension | .svg |
| Tier | Free |
What's in the SVG map of Saint John
3,992 buildings (84 residential), 82.6 km of roads, 65 points of interest, 9 landmarks.
The area covers 39 km², with about 102 buildings per km².
Mostly residential streets 41.3 km, primary roads 13.4 km, unclassified roads 11.8 km.
100% of the area is green space.
The map marks 3 water bodies.
Key amenities: schools — 5, clinics — 3, pharmacies — 2.
Public transport: 1 bus stops.
Scalable map with 3,992 buildings and 65 points of interest. Each object is a separate SVG element for editing.
Main streets: Western Road, Gouyave - Nianganfoix Road, Woodford Road, Mount Granby Road, Mount Plaisir Road
Landmarks: Concord Waterfalls, Dougaldston Estate, Concord Waterfalls, Seventh Day Adventist Church, Kingdom Hall of Jehova's Witnesses
How to use SVG for Saint John
- Select the Saint John area for export
- Choose SVG and customize the map style
- Download and open in Inkscape or Figma
- Edit individual elements as vector objects
Programs that open SVG
FAQ: SVG for Saint John
Does SVG support layers?
Yes, each feature type (buildings, roads, water) is exported as a separate SVG group that can be toggled on and off.
Can I use the SVG on a website?
Yes, SVG is perfect for web pages. The file scales without quality loss and supports interactivity via CSS and JavaScript.
