mirror of
https://github.com/Freika/dawarich.git
synced 2026-01-11 09:41:40 -05:00
f1474d105b
This commit implements a comprehensive timeline feature for the map interface, allowing users to visualize and navigate through location history interactively. **New Features:** - Interactive timeline slider at the bottom of the map - Real-time graph visualization showing: - Speed over time (km/h) - Battery level (%) - Elevation/altitude (meters) - Play/pause animation controls for automatic timeline progression - Smooth synchronization between timeline and map layers - Graph type selector to switch between different metrics **Technical Implementation:** - New Stimulus controller (maps--timeline) for timeline UI and interactions - Canvas-based graph rendering for performance - Event-driven architecture for map-timeline communication - Real-time filtering of points and routes based on timeline position - Integration with existing MapLibre GL layers **User Benefits:** - Clear visualization of movement progression over time - Easy identification of journey start, end, and direction - Ability to "replay" trips with animation - Additional context through speed, battery, and elevation data - Toggleable visibility to preserve screen space when not needed **Files Added:** - app/javascript/controllers/maps/timeline_controller.js - app/views/map/maplibre/_timeline.html.erb **Files Modified:** - app/javascript/controllers/maps/maplibre_controller.js - app/javascript/controllers/maps/maplibre/map_data_manager.js - app/views/map/maplibre/index.html.erb |
||
|---|---|---|
| .. | ||
| maps | ||
| add_visit_controller.js | ||
| application.js | ||
| area_creation_v2_controller.js | ||
| area_drawer_controller.js | ||
| area_selector_controller.js | ||
| base_controller.js | ||
| checkbox_select_all_controller.js | ||
| clipboard_controller.js | ||
| color_picker_controller.js | ||
| datetime_controller.js | ||
| direct_upload_controller.js | ||
| emoji_picker_controller.js | ||
| family_members_controller.js | ||
| family_navbar_indicator_controller.js | ||
| imports_controller.js | ||
| index.js | ||
| location_sharing_toggle_controller.js | ||
| map_controls_controller.js | ||
| map_panel_controller.js | ||
| map_preview_controller.js | ||
| maps_controller.js | ||
| notifications_controller.js | ||
| onboarding_modal_controller.js | ||
| place_creation_controller.js | ||
| places_filter_controller.js | ||
| privacy_radius_controller.js | ||
| public_stat_map_controller.js | ||
| removals_controller.js | ||
| sharing_modal_controller.js | ||
| speed_color_editor_controller.js | ||
| stat_page_controller.js | ||
| trip_map_controller.js | ||
| trips_controller.js | ||
| user_data_archive_direct_upload_controller.js | ||
| visit_creation_v2_controller.js | ||
| visit_modal_map_controller.js | ||
| visit_modal_places_controller.js | ||
| visit_name_controller.js | ||
| visits_map_controller.js | ||