Files
dmc/app/lib/ui/widgets/mission_map.dart
T
Constantin LeueandClaude Sonnet 5 ed333229c1 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>
2026-07-28 13:45:15 +02:00

117 lines
3.9 KiB
Dart

import 'package:flutter/material.dart';
import 'package:flutter_map/flutter_map.dart';
import 'package:latlong2/latlong.dart';
import 'package:url_launcher/url_launcher.dart';
import '../../domain/mission/route_geometry.dart';
/// Vollbild-OSM-Karte, entspricht dem Leaflet-`#map` im HTML-Demonstrator:
/// randlos, ohne Zoom-Buttons (Pinch-to-Zoom/Pan reicht), Standard-OSM-Tiles.
class MissionMap extends StatelessWidget {
const MissionMap({
super.key,
this.mapController,
this.waypointMarkers = const [],
this.windMarkers = const [],
this.routeSegments = const [],
this.rubberBandLine,
this.onMapReady,
});
final MapController? mapController;
/// 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;
/// Gestrichelte Vorschaulinie vom letzten Wegpunkt zur aktuellen
/// Kartenmitte, waehrend noch kein neuer Punkt bestaetigt wurde.
final List<LatLng>? rubberBandLine;
final VoidCallback? onMapReady;
// Default-Zentrum/Zoom uebernommen aus dem HTML-Demonstrator
// (Drone Mission Control.html: L.map(...).setView([52.3676, 4.9041], 16)).
static const _initialCenter = LatLng(52.3676, 4.9041);
static const _initialZoom = 16.0;
@override
Widget build(BuildContext context) {
return FlutterMap(
mapController: mapController,
options: MapOptions(
initialCenter: _initialCenter,
initialZoom: _initialZoom,
minZoom: 3,
maxZoom: 19,
onMapReady: onMapReady,
),
children: [
TileLayer(
urlTemplate: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
userAgentPackageName: 'de.dmc.dmc_app',
maxZoom: 19,
),
PolylineLayer(
polylines: [
for (final segment in routeSegments)
Polyline(
points: segment.points,
strokeWidth: 3,
color: segment.bad ? const Color(0xFFE2574A) : Colors.white,
),
if (rubberBandLine != null)
Polyline(
points: rubberBandLine!,
strokeWidth: 2,
color: Colors.white.withValues(alpha: 0.55),
pattern: StrokePattern.dashed(segments: const [6.0, 6.0]),
),
],
),
CircleLayer(circles: waypointMarkers),
MarkerLayer(markers: windMarkers),
const _CompactAttribution(),
],
);
}
}
/// Schlanke Pflicht-Attribution fuer die OSM-Kacheln (Tile Usage Policy) -
/// bewusst ohne den "flutter_map |"-Praefix von SimpleAttributionWidget und
/// dezenter gestaltet, damit sie nicht wie ein zweiter Balken ueber der
/// Bottom-Bar wirkt. Bleibt sichtbar und antippbar, da die Policy sichtbare
/// Namensnennung verlangt.
class _CompactAttribution extends StatelessWidget {
const _CompactAttribution();
@override
Widget build(BuildContext context) {
return SafeArea(
child: Align(
alignment: Alignment.bottomLeft,
child: GestureDetector(
onTap: () =>
launchUrl(Uri.parse('https://www.openstreetmap.org/copyright')),
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 1),
color: Colors.white.withValues(alpha: 0.5),
child: const Text(
'© OpenStreetMap contributors',
style: TextStyle(fontSize: 9, color: Colors.black87),
),
),
),
),
);
}
}