MotorSignal-App/lib/services/map/open_street_map_provider.dart

import 'dart:math' as math;
import 'package:flutter/material.dart';
import 'package:flutter_map/flutter_map.dart';
import 'package:latlong2/latlong.dart' as ll;
import 'map_provider_interface.dart';
import 'map_providers.dart';

class OpenStreetMapProvider implements AppMapProvider {
  @override
  AppMapType get type => AppMapType.openStreetMap;

  @override
  String get name => 'OpenStreetMap';

  @override
  Widget buildMapView({
    required BuildContext context,
    required AppLatLng center,
    required double zoom,
    double bearing = 0.0,
    required List<AppMapMarker> markers,
    required List<AppPolyline> polylines,
    required bool isFollowMode,
    required MapConfig config,
    required ValueChanged<AppLatLng>? onPositionChanged,
    required VoidCallback? onUserInteraction,
  }) {
    return _OsmMapView(
      center: center,
      zoom: zoom,
      bearing: bearing,
      markers: markers,
      polylines: polylines,
      isFollowMode: isFollowMode,
      config: config,
      onPositionChanged: onPositionChanged,
      onUserInteraction: onUserInteraction,
    );
  }
}

class _OsmMapView extends StatefulWidget {
  final AppLatLng center;
  final double zoom;
  final double bearing;
  final List<AppMapMarker> markers;
  final List<AppPolyline> polylines;
  final bool isFollowMode;
  final MapConfig config;
  final ValueChanged<AppLatLng>? onPositionChanged;
  final VoidCallback? onUserInteraction;

  const _OsmMapView({
    required this.center,
    required this.zoom,
    this.bearing = 0.0,
    required this.markers,
    required this.polylines,
    required this.isFollowMode,
    required this.config,
    required this.onPositionChanged,
    required this.onUserInteraction,
  });

  @override
  State<_OsmMapView> createState() => _OsmMapViewState();
}

class _OsmMapViewState extends State<_OsmMapView>
    with TickerProviderStateMixin {
  late final MapController _mapController;
  AnimationController? _animController;
  ll.LatLng? _lastFollowPos;
  DateTime? _lastFollowTime;

  @override
  void initState() {
    super.initState();
    _mapController = MapController();
    _lastFollowPos = ll.LatLng(widget.center.latitude, widget.center.longitude);
  }

  void _animateCameraTo({
    required ll.LatLng target,
    required double targetZoom,
    required double targetBearing,
    required Duration duration,
    Curve curve = Curves.easeOutCubic,
  }) {
    if (!mounted) return;

    _animController?.stop();
    _animController?.dispose();
    _animController = null;

    final startCenter = _mapController.camera.center;
    final startZoom = _mapController.camera.zoom;
    final startBearing = _mapController.camera.rotation;

    final bearingDiff = shortestAngleDiff(startBearing, targetBearing);
    final endBearing = startBearing + bearingDiff;

    _animController = AnimationController(
      vsync: this,
      duration: duration,
    );

    final curved = CurvedAnimation(parent: _animController!, curve: curve);

    final startLat = startCenter.latitude;
    final startLng = startCenter.longitude;
    final endLat = target.latitude;
    final endLng = target.longitude;

    _animController!.addListener(() {
      if (!mounted) return;
      final t = curved.value;
      final lat = startLat + (endLat - startLat) * t;
      final lng = startLng + (endLng - startLng) * t;
      final z = startZoom + (targetZoom - startZoom) * t;
      final b = startBearing + (endBearing - startBearing) * t;

      try {
        _mapController.move(ll.LatLng(lat, lng), z);
        _mapController.rotate(normalizeAngle(b));
      } catch (_) {}
    });

    _animController!.forward();
  }

  @override
  void didUpdateWidget(covariant _OsmMapView oldWidget) {
    super.didUpdateWidget(oldWidget);
    final centerLl = ll.LatLng(widget.center.latitude, widget.center.longitude);
    final zoomChanged = (oldWidget.zoom - widget.zoom).abs() > 0.01;
    final bearingChanged = (oldWidget.bearing - widget.bearing).abs() > 0.1;
    final justBecameFollowMode = !oldWidget.isFollowMode && widget.isFollowMode;

    if (widget.isFollowMode) {
      final now = DateTime.now();
      final posDelta = _lastFollowPos == null
          ? 1.0
          : (centerLl.latitude - _lastFollowPos!.latitude).abs() +
              (centerLl.longitude - _lastFollowPos!.longitude).abs();
      final hasMoved = posDelta > 0.000005;

      final intervalMs = _lastFollowTime == null
          ? 250
          : now.difference(_lastFollowTime!).inMilliseconds.clamp(100, 450);

      final isInitialOrLargeJump =
          justBecameFollowMode || _lastFollowPos == null || posDelta > 0.008;

      if (isInitialOrLargeJump) {
        _animController?.stop();
        _lastFollowPos = centerLl;
        _lastFollowTime = now;
        try {
          _mapController.move(centerLl, widget.zoom);
          _mapController.rotate(normalizeAngle(widget.bearing));
        } catch (_) {}
      } else if (hasMoved || bearingChanged || zoomChanged) {
        _lastFollowPos = centerLl;
        _lastFollowTime = now;
        _animateCameraTo(
          target: centerLl,
          targetZoom: widget.zoom,
          targetBearing: widget.bearing,
          duration: Duration(milliseconds: intervalMs),
          curve: Curves.linear,
        );
      }
    } else {
      if (bearingChanged) {
        _animateCameraTo(
          target: _mapController.camera.center,
          targetZoom: widget.zoom,
          targetBearing: widget.bearing,
          duration: const Duration(milliseconds: 200),
          curve: Curves.easeOutCubic,
        );
      } else if (zoomChanged) {
        try {
          _mapController.move(_mapController.camera.center, widget.zoom);
        } catch (_) {}
      }
    }
  }

  @override
  void dispose() {
    _animController?.stop();
    _animController?.dispose();
    _animController = null;
    _mapController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    final centerLl = ll.LatLng(widget.center.latitude, widget.center.longitude);
    final media = MediaQuery.of(context);
    final sizeKey = '${media.orientation}_${media.size.width.toInt()}x${media.size.height.toInt()}';

    return FlutterMap(
      key: ValueKey('osm_map_$sizeKey'),
      mapController: _mapController,
      options: MapOptions(
        initialCenter: centerLl,
        initialZoom: widget.zoom,
        initialRotation: widget.bearing,
        minZoom: widget.config.minZoom,
        maxZoom: widget.config.maxZoom,
        backgroundColor: widget.config.isDarkMode
            ? const Color(0xFF0F0F0F)
            : const Color(0xFFE5E5E5),
        onPositionChanged: (position, hasGesture) {
          if (hasGesture) {
            widget.onUserInteraction?.call();
          }
          if (widget.onPositionChanged != null) {
            final c = position.center;
            widget.onPositionChanged!(AppLatLng(c.latitude, c.longitude));
          }
        },
      ),
      children: [
        TileLayer(
          key: ValueKey('${widget.config.tileUrlTemplate}_${widget.config.isDarkMode}'),
          urlTemplate: widget.config.tileUrlTemplate,
          subdomains: widget.config.subdomains,
          userAgentPackageName: 'app.motorsignal.motorcycle',
          tileBuilder:
              widget.config.isDarkMode ? darkModeTileBuilder : null,
          maxZoom: 20,
          maxNativeZoom: 19,
        ),
        PolylineLayer(
          polylines: widget.polylines.map((p) {
            return Polyline(
              points: p.points.map((pt) => ll.LatLng(pt.latitude, pt.longitude)).toList(),
              strokeWidth: p.width,
              color: p.color,
            );
          }).toList(),
        ),
        MarkerLayer(
          markers: widget.markers.map((m) {
            return Marker(
              point: ll.LatLng(m.position.latitude, m.position.longitude),
              width: 50,
              height: 50,
              child: GestureDetector(
                onTap: m.onTap,
                child: Transform.rotate(
                  angle: (m.heading * math.pi) / 180.0,
                  child: m.iconWidget ??
                      const Icon(
                        Icons.navigation,
                        color: Colors.cyanAccent,
                        size: 36,
                      ),
                ),
              ),
            );
          }).toList(),
        ),
        RichAttributionWidget(
          attributions: [
            TextSourceAttribution(
              widget.config.attributionText,
              textStyle: const TextStyle(color: Colors.white70, fontSize: 10),
            ),
          ],
        ),
      ],
    );
  }
}