MapChecking helps you estimate the number of people standing in a given area
 
 
 
 
Go to file
Anthony Catel 34ac711c66 disable useHead before we use SSR instead of pre-rendered SSG 2025-12-10 10:19:39 +01:00
public
src disable useHead before we use SSR instead of pre-rendered SSG 2025-12-10 10:19:39 +01:00
.editorconfig
.gitignore
LICENSE Add : 2025-09-23 15:26:19 +02:00
README.md typo 2025-09-23 15:36:17 +02:00
index.html Remove twitter link, add bluesky 2025-03-03 23:24:09 +01:00
package.json Generate static Google Map image as open graph preview (WIP) 2025-12-10 09:44:54 +01:00
postcss.config.js
tailwind.config.js
tsconfig.json chore(deps): Update vite & vite-ssg 2025-09-27 21:49:35 +02:00
vite.config.js Pre-render App with vite-ssg 2022-10-25 10:59:37 +02:00
yarn.lock Generate static Google Map image as open graph preview (WIP) 2025-12-10 09:44:54 +01:00

README.md

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