Quiet Streets answers one question before you sign a lease or pick a hotel: how loud is it here, by day and at night? Pick one of six cities, then click the map or search an address. The card gives the spot's day level (Lden) and night level (Lnight) against the WHO guideline, its score, its main source and a bar per source. Pin up to three places and compare them side by side. It runs at apps.unmap.dev/quiet-streets, and its source is a standalone Next.js project you can clone and run with your own key.
The levels come from the Urban Noise add-on: a noise model computed from OpenStreetMap roads, rail, barriers and places, served under the Open Database Licence, with the model by PickYourPlace. They are modelled, not measured: screening estimates, not readings from a sound meter, and not for compliance or legal use. The app says so above the map and links the coverage and limits.
What it does
- Six cities: Calgary, Edmonton, Vancouver, Toronto, Montréal and Québec City, each with the size of its grid and whether its traffic comes from the city's own counts (Calgary) or from road-class defaults.
- The noise map: the
urban-noiseoverlay of 25 m hexagons on the muted basemap, with a legend and a Day / Night switch that recolours the map from Lden to Lnight. Switching makes no call. - A spot or an address: the day and night levels against the WHO guideline (53 dB Lden, 45 dB Lnight), above or within for each, the score and its label, the main source and a bar for road, rail, aircraft and commercial noise.
- Compare: pin up to three places, numbered on the map, and open them side by side on one shared scale, with the quietest marked on each level. Comparing makes no call.
- Honest gaps: a place outside the six cities is said to be not covered, with the cities to go to, and never gets a number. A hexagon with no modelled source says so, never 0 dB and never quiet.
- Share: the link holds the city and the colouring, such as
?city=montreal&period=night, and?lang=frfor French.
What it costs in API calls
Opening a city makes one add-on check, then the map's own style and tile requests. Each spot you click or address you choose calls /noise/point once, and the answer is kept for the session: the same request again, pinning and comparing all reuse it. The search box calls /geocode/autocomplete once per pause in typing.
The key it needs
A browser key with the Urban Noise add-on. Without it the app still draws the basemap, and the card says what is missing and links the pricing. On the dev plan the add-on works from localhost. Without a key at all, the app says how to get one and calls nothing.
Built from the registry, unmodified
The map, the card, the legend and the search are the urban-noise-map block, with the map, geocoder and marker items under it, copied in unmodified. The app adds the city picker, the notice, the header's city switch and the comparison around it. Installing the same block into your project is one command:
npx @unmap/cli add urban-noise-mapWhat it does not do
- Measurements: nothing here is a sound-meter reading, and nothing is fit for a compliance assessment.
- Addresses: the levels are per 25 m hexagon, not per building.
- Neighbourhood averages: places are compared one hexagon at a time, never as a district score.
- Other cities: only the six covered cities have levels.
Run it yourself
You need Git, Node.js 24, pnpm and a browser key with the Urban Noise add-on from the dashboard that allows http://localhost:3204.
git clone --depth 1 https://github.com/unmap-dev/quiet-streets.git
cd quiet-streets
pnpm install --frozen-lockfile
cp .env.example .env.localSet NEXT_PUBLIC_UNMAP_KEY in .env.local to your key, run pnpm dev, and open localhost:3204. The Urban noise reference covers the point lookup, the overlay and the licence.
