2026-04-03-maplibra primary succsess

lib/controller/home/trip_monitor_controller.dart

@@ -4,23 +4,25 @@ import 'dart:convert';
 import 'package:Intaleq/constant/links.dart';
 import 'package:Intaleq/controller/functions/crud.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:get/get.dart';
-import 'package:google_maps_flutter/google_maps_flutter.dart';
+import 'package:maplibre_gl/maplibre_gl.dart';
 
 class TripMonitorController extends GetxController {
   bool isLoading = false;
   Map tripData = {};
   late String rideId;
   late String driverId;
-  GoogleMapController? mapController;
+  MapLibreMapController? mapController;
   List myListString = [];
   late Timer timer;
   late LatLng parentLocation;
-  BitmapDescriptor carIcon = BitmapDescriptor.defaultMarker;
-  BitmapDescriptor motoIcon = BitmapDescriptor.defaultMarker;
-  BitmapDescriptor ladyIcon = BitmapDescriptor.defaultMarker;
+  String carIcon = 'car';
+  String motoIcon = 'moto';
+  String ladyIcon = 'lady';
   double rotation = 0;
   double speed = 0;
+  bool isStyleLoaded = false;
 
   getLocationParent() async {
     var res = await CRUD().get(
@@ -36,21 +38,65 @@ class TripMonitorController extends GetxController {
     }
   }
 
-  void onMapCreated(GoogleMapController controller) async {
+  void onMapCreated(MapLibreMapController controller) async {
     mapController = controller;
-    controller.getVisibleRegion();
-    controller.animateCamera(
+    update();
+  }
+
+  void onStyleLoaded() async {
+    isStyleLoaded = true;
+    await _loadMapIcons();
+    mapController?.animateCamera(
       CameraUpdate.newLatLng(parentLocation),
     );
-    update();
-    // Set up a timer or interval to trigger the marker update every 3 seconds.
+    refreshMapElements();
+
+    // Set up a timer or interval to trigger the marker update every 10 seconds.
     timer = Timer.periodic(const Duration(seconds: 10), (_) async {
       await getLocationParent();
       mapController?.animateCamera(CameraUpdate.newLatLng(parentLocation));
+      refreshMapElements();
       update();
     });
   }
 
+  Future<void> _loadMapIcons() async {
+    if (mapController == null) return;
+    final icons = {
+      'car': 'assets/images/car.png',
+      'moto': 'assets/images/moto1.png',
+      'lady': 'assets/images/lady1.png',
+    };
+    for (var entry in icons.entries) {
+      final bytes = await rootBundle.load(entry.value);
+      await mapController!.addImage(entry.key, bytes.buffer.asUint8List());
+    }
+  }
+
+  void refreshMapElements() async {
+    if (!isStyleLoaded || mapController == null) return;
+    await mapController!.clearSymbols();
+
+    String iconToUse = carIcon;
+    if (tripData['message'] != null && tripData['message'].isNotEmpty) {
+      final model = tripData['message'][0]['model'].toString();
+      final gender = tripData['message'][0]['gender'].toString();
+      if (model.contains('دراجة')) {
+        iconToUse = motoIcon;
+      } else if (gender == 'Female') {
+        iconToUse = ladyIcon;
+      }
+    }
+
+    await mapController!.addSymbol(SymbolOptions(
+      geometry: parentLocation,
+      iconImage: iconToUse,
+      iconRotate: rotation,
+      textField: 'driver',
+      textOpacity: 0,
+    ));
+  }
+
   // init() async {
   //   final arguments = Get.arguments;
   //   driverId = arguments['driverId'];
@@ -65,41 +111,8 @@ class TripMonitorController extends GetxController {
     update();
   }
 
-  void addCustomCarIcon() {
-    ImageConfiguration config = ImageConfiguration(
-        size: const Size(30, 30), devicePixelRatio: Get.pixelRatio);
-    BitmapDescriptor.fromAssetImage(config, 'assets/images/car.png',
-            mipmaps: false)
-        .then((value) {
-      carIcon = value;
-      update();
-    });
-    void addCustomMotoIcon() {
-      ImageConfiguration config = ImageConfiguration(
-          size: const Size(30, 30), devicePixelRatio: Get.pixelRatio);
-      BitmapDescriptor.fromAssetImage(config, 'assets/images/moto1.png',
-              mipmaps: false)
-          .then((value) {
-        motoIcon = value;
-        update();
-      });
-    }
-
-    void addCustomLadyIcon() {
-      ImageConfiguration config = ImageConfiguration(
-          size: const Size(30, 30), devicePixelRatio: Get.pixelRatio);
-      BitmapDescriptor.fromAssetImage(config, 'assets/images/lady1.png',
-              mipmaps: false)
-          .then((value) {
-        ladyIcon = value;
-        update();
-      });
-    }
-  }
-
   @override
   void onInit() {
-    addCustomCarIcon();
     super.onInit();
   }