Add interactive Base 4 track map with Leaflet.js

Browse Source

- Created new track-map page with aerial image and SVG overlay
- Implemented custom rotated square markers with obstacle numbers
- Added admin edit mode for placing and repositioning markers
- Database migration for track_obstacles table
- Modal form for adding new obstacles (replaces browser alerts)
- Drag-to-reposition functionality with auto-save
- Color-coded markers (green/red/black/split) for difficulty levels
- Clickable popups showing obstacle details
- Added track-map to navigation menu and sitemap
- URL rewrite rule for clean /track-map URL

...

This commit is contained in:

twotalesanimation

2025-12-12 12:00:20 +02:00

parent 48ee7592b2

commit cce181e2d0

15 changed files with 14213 additions and 107 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

BIN

assets/images/track-aerial.jpg Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.2 MiB