MapChecking

Estimate and fact-check the maximum number of people that can stand in a given area by drawing polygons on a map and applying reasonable crowd-density assumptions.
Live site: https://www.mapchecking.com/

The app is frontend-only (static), built with Vue.js 3 and Vite.
Static site generation (SSR) is handled with vite-ssg.

Features

• Draw a polygon to outline an area of interest.
• See area (m² / sqm) and capacity estimates based on chosen crowd densities.
• Tweak density presets (e.g., 0.5–4.5 people/m²) to compare scenarios.
• Share a permalink to a specific map view / shape set
• Fast, modern UI built with Vue 3 + Vite + Tailwind CSS.

Configuration

The app relies on Google Maps JavaScript API. The API key is set in ./src/config.json.

Dev server

Vite dev server

$ yarn run dev

Build / install

Build static files in ./dist/

$ yarn build