Bangkok Air Quality Map

Shows the air quality on a map in Bangkok.

Features

1. You can see how much PM 2.5 is in each station in Bangkok which locate on the map.
2. You can filter by quality or district.
3. You can search by the name or district of each station.
4. You can click on the list of stations to fly to that location on the map.

Tools used

• Next.js
• React Leaflet
• Leaflet
• OpenStreetMap

Running locally

1. install dependencies

pnpm install

2. start server

pnpm dev

Resources

• data: https://bangkokairquality.com/bma/