Neighbourhood map

Places and journeys, in context.

An interactive neighbourhood view connecting nearby places with the time it takes to reach them.

Open live demo
Interactive mapsNext.js · MapLibre GL JS · Google Maps APILive interactive demo

Pan, zoom and open a place to explore its details.

Open in a new tab

About the project

Built for a property client, the map groups nearby points of interest by category and pairs them with walking, transit, driving and cycling times.

The live app is a self-contained deployment with a vector basemap, curated place data and map styling shaped around the product interface. Locations open into step-by-step directions through the Google Maps API.

Built with

  • Next.js
  • MapLibre GL JS
  • Google Maps API
  • Zustand
  • Tailwind CSS