map

map is a TypeScript + Leaflet web application for planning, annotating, and sharing map-based data. It is a reimplementation of FloppsMap using Leaflet.

Production deployment: https://flopp.net/

Features

• Interactive Leaflet map with multiple map types
• Marker and line management for route planning
• Distance and coordinate utilities
• Link sharing for map state
• Geolocation support ("locate me")
• Localized UI (English, German, French)
• Optional dialogs for projections, multi-marker workflows, and map tools

Tech Stack

• TypeScript
• Leaflet
• Webpack
• Sass + Bulma
• i18next
• Vitest
• ESLint + Prettier

Getting Started

Prerequisites

• Node.js (current LTS recommended)
• npm

Install Dependencies

make setup

Development

Start the local development server:

make run-dev

This launches webpack-dev-server and opens the app in your browser.

Build

Create a production build in dist/:

make build

The build step also generates version metadata files used by the app.

Quality Checks

Run linting:

make lint

Run tests:

make test

Run spell checking for source files:

make spell

Internationalization

Translations are stored in:

• src/lang/en/translation.json
• src/lang/de/translation.json
• src/lang/fr/translation.json

Update translation keys with:

make update-translation

License

MIT, see LICENSE.