Improve aircraft icons - replace simple shapes with better icons #17

New issue

Closed

opened 2025-08-24 20:01:24 +02:00 by olemd · 0 comments

olemd commented

2025-08-24 20:01:24 +02:00

Owner

Current State

The current aircraft icons on the map are very simple geometric shapes (basic triangles, squares, etc.) that don't provide good visual distinction between different aircraft types.

Problem

Icons are too simplistic and don't clearly represent aircraft categories
Poor visual distinction between different aircraft types (light, medium, heavy, rotorcraft, etc.)
User experience could be significantly improved with more recognizable aircraft icons

Proposed Solutions

Create custom SVG icons for each aircraft category:
- Light aircraft (< 7000kg): Small plane icon
- Medium aircraft (7000-34000kg): Commercial airliner icon
- Large aircraft (34000-136000kg): Large airliner icon
- Heavy aircraft (> 136000kg): Wide-body aircraft icon
- Rotorcraft: Helicopter icon
- Glider/Ultralight: Glider icon
- Surface Vehicle: Ground vehicle icon
Source existing icons from:
- Aviation-specific icon libraries
- Open source icon sets
- Font Awesome aviation icons
Requirements:
- Icons should be scalable (SVG preferred)
- Clear at different zoom levels
- Consistent style across all aircraft types
- Good contrast on both light and dark map backgrounds
- Directional (should show aircraft heading)

Files to modify

assets/static/css/style.css - Icon styling
Aircraft rendering code in JavaScript modules
Possibly add new icon assets

Would improve user experience and make the application more professional-looking.

## Current State The current aircraft icons on the map are very simple geometric shapes (basic triangles, squares, etc.) that don't provide good visual distinction between different aircraft types. ## Problem - Icons are too simplistic and don't clearly represent aircraft categories - Poor visual distinction between different aircraft types (light, medium, heavy, rotorcraft, etc.) - User experience could be significantly improved with more recognizable aircraft icons ## Proposed Solutions 1. **Create custom SVG icons** for each aircraft category: - Light aircraft (< 7000kg): Small plane icon - Medium aircraft (7000-34000kg): Commercial airliner icon - Large aircraft (34000-136000kg): Large airliner icon - Heavy aircraft (> 136000kg): Wide-body aircraft icon - Rotorcraft: Helicopter icon - Glider/Ultralight: Glider icon - Surface Vehicle: Ground vehicle icon 2. **Source existing icons** from: - Aviation-specific icon libraries - Open source icon sets - Font Awesome aviation icons 3. **Requirements**: - Icons should be scalable (SVG preferred) - Clear at different zoom levels - Consistent style across all aircraft types - Good contrast on both light and dark map backgrounds - Directional (should show aircraft heading) ## Files to modify - assets/static/css/style.css - Icon styling - Aircraft rendering code in JavaScript modules - Possibly add new icon assets Would improve user experience and make the application more professional-looking.