Add per-waypoint wind markers on the map
Vervollstaendigt den in der letzten Session zurueckgestellten Teil des Wind-Features (Doku 3.8): die Kopfleisten-Pille toggelt jetzt tatsaechlich sichtbare Wind-Marker an jedem Wegpunkt, statt nur ihren eigenen Zustand zu halten (HTML-Demonstrator: showPerWaypointWind steuerte im Original direkt die divIcon-Marker in redrawMapLayers()). WindMarkerPill (neuer Widget) zeigt Richtungspfeil + Geschwindigkeit in einer kleinen dunklen Pille. MissionMap bekommt dafuer einen eigenen windMarkers-Parameter (flutter_map MarkerLayer, gesondert von den bestehenden CircleMarker-Wegpunkten, da MarkerLayer echte Widgets statt nur CustomPaint-Kreise rendert). PlanScreen baut die Liste aus ref.watch(headerWindProvider).showPerWaypoint plus den bereits per "Fetch wind" geladenen Wegpunkt-Winddaten. Zwei Dinge beim Verifizieren gefunden und gefixt: - Marker-Groesse (width/height) war zu knapp bemessen und liess die Pille per RenderFlex-Overflow abschneiden - vergroessert und die Verankerung entsprechend angepasst. - Der neue Widget-Test placierte den Test-Wegpunkt zunaechst ausserhalb des sichtbaren Kartenausschnitts: anders als CircleLayer rendert flutter_map's MarkerLayer nur Marker innerhalb der aktuellen Viewport- Bounds. Wegpunkt jetzt am Kartenzentrum (MissionMap._initialCenter) platziert. Verifiziert: flutter analyze (0 issues), flutter test (45/45, ein neuer Test fuer Marker-Sichtbarkeit vor/nach Antippen der Pille), manuell auf Pixel_10a-Emulator - drei Wegpunkte mit geladenem Wind zeigen nach Antippen der Pille je eine Wind-Anzeige, verschwinden beim erneuten Antippen wieder. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Sonnet 5
parent
1b13c45cac
commit
ed333229c1
@@ -12,6 +12,7 @@ class MissionMap extends StatelessWidget {
|
||||
super.key,
|
||||
this.mapController,
|
||||
this.waypointMarkers = const [],
|
||||
this.windMarkers = const [],
|
||||
this.routeSegments = const [],
|
||||
this.rubberBandLine,
|
||||
this.onMapReady,
|
||||
@@ -22,6 +23,11 @@ class MissionMap extends StatelessWidget {
|
||||
/// Kreis-Marker fuer die Wegpunkte der aktuellen Mission (Doku 3.7).
|
||||
final List<CircleMarker> waypointMarkers;
|
||||
|
||||
/// Wind-Anzeigen je Wegpunkt (Doku 3.8), nur befuellt wenn die
|
||||
/// Kopfleisten-Pille aktiv ist und fuer den jeweiligen Wegpunkt Wind
|
||||
/// geladen wurde (HTML-Demonstrator: showPerWaypointWind).
|
||||
final List<Marker> windMarkers;
|
||||
|
||||
/// Geraden + Kreisbogen-Segmente des Flugpfads (Doku 3.7/4.6); rot
|
||||
/// markierte Segmente ueberschreiten Steig-/Sinkrate oder Kurvenradius.
|
||||
final List<RouteSegment> routeSegments;
|
||||
@@ -72,6 +78,7 @@ class MissionMap extends StatelessWidget {
|
||||
],
|
||||
),
|
||||
CircleLayer(circles: waypointMarkers),
|
||||
MarkerLayer(markers: windMarkers),
|
||||
const _CompactAttribution(),
|
||||
],
|
||||
);
|
||||
|
||||
@@ -0,0 +1,40 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'wind_arrow_icon.dart';
|
||||
|
||||
/// Kleine Wind-Anzeige direkt an einem Wegpunkt auf der Karte (HTML-
|
||||
/// Demonstrator: divIcon in redrawMapLayers(), sichtbar wenn
|
||||
/// showPerWaypointWind aktiv ist und fuer den Wegpunkt Wind geladen wurde).
|
||||
class WindMarkerPill extends StatelessWidget {
|
||||
const WindMarkerPill({
|
||||
super.key,
|
||||
required this.speedMs,
|
||||
required this.dirFromDeg,
|
||||
});
|
||||
|
||||
final double speedMs;
|
||||
final double dirFromDeg;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 7, vertical: 2),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.black.withValues(alpha: 0.82),
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
border: Border.all(color: Colors.white.withValues(alpha: 0.4)),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
WindArrowIcon(dirFromDeg: dirFromDeg, size: 15),
|
||||
const SizedBox(width: 4),
|
||||
Text(
|
||||
'${speedMs.round()} m/s',
|
||||
style: const TextStyle(color: Colors.white, fontSize: 11),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user