Home + Maps

lib/common_widget/graph/altitude_by_time.dart

@@ -28,6 +28,9 @@ class _GraphAltitudeByTime extends State<GraphAltitudeByTime> {
       LineChartBarData(
           spots: widget.data.altitudeSeconde,
           isCurved: false,
+          gradient: LinearGradient(
+            colors: TColor.primaryG,
+          ),
           dotData: const FlDotData(show: false))
     ];
 
@@ -43,7 +46,7 @@ class _GraphAltitudeByTime extends State<GraphAltitudeByTime> {
             gridData: FlGridData(
                 drawVerticalLine: false,
                 drawHorizontalLine: true,
-                horizontalInterval: 1,
+                horizontalInterval: (maxY - minY) / 5,
                 getDrawingHorizontalLine: (value) {
                   return FlLine(
                     color: TColor.gray.withOpacity(0.15),
@@ -56,10 +59,10 @@ class _GraphAltitudeByTime extends State<GraphAltitudeByTime> {
               bottomTitles: const AxisTitles(),
               rightTitles: AxisTitles(
                   sideTitles: SideTitles(
-                reservedSize: 50,
+                reservedSize: 60,
                 showTitles: true,
                 getTitlesWidget: (value, meta) {
-                  return Text("${value.toInt()} m");
+                  return Text("${double.parse(value.toStringAsFixed(2))} m");
                 },
               )),
             ))));

lib/common_widget/stats.dart

@@ -13,7 +13,8 @@ class Stats extends StatelessWidget {
         .getTotalCalorie();
     String heartrate = Provider.of<User>(context, listen: false)
         .listActivity[0]
-        .getTotalAvgHeartRate();
+        .getAvgBpm()
+        .toString();
     String time = Provider.of<User>(context, listen: false)
         .listActivity[0]
         .getTotalTime();
@@ -152,8 +153,6 @@ class InfoStat extends StatelessWidget {
   }
 }
 
-
-
 class StatIcon extends StatelessWidget {
   const StatIcon({
     Key? key,

lib/modele/activity.dart

@@ -1,4 +1,5 @@
 import 'package:fl_chart/fl_chart.dart';
+import 'package:google_maps_flutter/google_maps_flutter.dart';
 import 'package:smartfit_app_mobile/common_widget/graph/graph.dart';
 
 class ActivityOfUser {
@@ -27,6 +28,7 @@ class ActivityOfUser {
     return 0;
   }
 
+  // -----------------  BPM ------------------ //
   List<FlSpot> getHeartRateWithTime() {
     List<FlSpot> result = List.empty(growable: true);
     int firtTimeStamp = 0;
@@ -53,6 +55,35 @@ class ActivityOfUser {
     return result;
   }
 
+  int getMaxBpm() {
+    for (int i = 0; i < _contentActivity[_dataSession].length; i++) {
+      if (_contentActivity[_dataSession][i] == "max_heart_rate") {
+        return _contentActivity[_dataSession][i + 1];
+      }
+    }
+    return 0;
+  }
+
+  int getMinBpm() {
+    for (int i = 0; i < _contentActivity[_dataSession].length; i++) {
+      if (_contentActivity[_dataSession][i] == "min_heart_rate") {
+        return _contentActivity[_dataSession][i + 1];
+      }
+    }
+    return 0;
+  }
+
+  int getAvgBpm() {
+    for (int i = 0; i < _contentActivity[_dataSession].length; i++) {
+      if (_contentActivity[_dataSession][i] == "avg_heart_rate") {
+        return _contentActivity[_dataSession][i + 1];
+      }
+    }
+    return 0;
+  }
+  // -------------------------- FIN BPM ---------------------- //
+
+  // ---------------------- Distance ---------------------- //
   List<FlSpot> getDistanceWithTime() {
     List<FlSpot> result = List.empty(growable: true);
     int firtTimeStamp = 0;
@@ -70,6 +101,18 @@ class ActivityOfUser {
     return result;
   }
 
+  String getTotalDistance() {
+    for (int i = 0; i < _contentActivity[_dataSession].length; i++) {
+      if (_contentActivity[_dataSession][i] == "total_distance") {
+        return _contentActivity[_dataSession][i + 1].toString();
+      }
+    }
+    return "null";
+  }
+
+  // ---------------------- FIN Distance ---------------------- //
+
+  // ---------------------- Calories ---------------------- //
   List<FlSpot> getCalories() {
     List<FlSpot> result = List.empty(growable: true);
     int firtTimeStamp = 0;
@@ -88,41 +131,6 @@ class ActivityOfUser {
     return result;
   }
 
-  String getTotalSteps() {
-    for (int i = 0; i < _contentActivity[_dataSession].length; i++) {
-      if (_contentActivity[_dataSession][i] == "total_strides") {
-        return _contentActivity[_dataSession][i + 1].toString();
-      }
-    }
-    return "null";
-  }
-
-  String getMaxBpm() {
-    for (int i = 0; i < _contentActivity[_dataSession].length; i++) {
-      if (_contentActivity[_dataSession][i] == "max_heart_rate") {
-        return _contentActivity[_dataSession][i + 1].toString();
-      }
-    }
-    return "null";
-  }
-  String getMinBpm() {
-    for (int i = 0; i < _contentActivity[_dataSession].length; i++) {
-      if (_contentActivity[_dataSession][i] == "min_heart_rate") {
-        return _contentActivity[_dataSession][i + 1].toString();
-      }
-    }
-    return "null";
-  }
-
-    String getAvgBpm() {
-    for (int i = 0; i < _contentActivity[_dataSession].length; i++) {
-      if (_contentActivity[_dataSession][i] == "avg_heart_rate") {
-        return _contentActivity[_dataSession][i + 1].toString();
-      }
-    }
-    return "null";
-  }
-
   String getTotalCalorie() {
     for (int i = 0; i < _contentActivity[_dataSession].length; i++) {
       if (_contentActivity[_dataSession][i] == "total_calories") {
@@ -132,15 +140,20 @@ class ActivityOfUser {
     return "null";
   }
 
-  String getTotalAvgHeartRate() {
+  // ---------------------- FIN Calories ---------------------- //
+
+  // ---------------------- Step ------------------------------//
+  String getTotalSteps() {
     for (int i = 0; i < _contentActivity[_dataSession].length; i++) {
-      if (_contentActivity[_dataSession][i] == "avg_heart_rate") {
+      if (_contentActivity[_dataSession][i] == "total_strides") {
         return _contentActivity[_dataSession][i + 1].toString();
       }
     }
     return "null";
   }
+  // ----------------------- FIN Step ------------------------ //
 
+  // ------------------------- Time ----------------------------- //
   String getTotalTime() {
     for (int i = 0; i < _contentActivity[_dataSession].length; i++) {
       if (_contentActivity[_dataSession][i] == "total_elapsed_time") {
@@ -149,15 +162,7 @@ class ActivityOfUser {
     }
     return "null";
   }
-
+  // ---------------------------- FIN time -------------------- //
-  String getTotalDistance() {
-    for (int i = 0; i < _contentActivity[_dataSession].length; i++) {
-      if (_contentActivity[_dataSession][i] == "total_distance") {
-        return _contentActivity[_dataSession][i + 1].toString();
-      }
-    }
-    return "null";
-  }
 
   // ---------------------------------------- Altitude -------------------- //
   List<FlSpot> getAltitudeWithTime() {
@@ -196,6 +201,8 @@ class ActivityOfUser {
   }
   // -------------------------- FIN altitude ---------------------- //
 
+  // -------------------------- Speed  ---------------------- //
+
   List<FlSpot> getSpeedWithTime() {
     List<FlSpot> result = List.empty(growable: true);
     int firtTimeStamp = 0;
@@ -244,6 +251,41 @@ class ActivityOfUser {
     return result;
   }
 
+  double getMaxSpeed() {
+    for (int i = 4; i < _contentActivity[_dataSession].length; i++) {
+      if (_contentActivity[_dataSession][i] == "max_speed") {
+        return _contentActivity[_dataSession][i + 1];
+      }
+    }
+    return 0.0;
+  }
+
+  double getAvgSpeed() {
+    for (int i = 4; i < _contentActivity[_dataSession].length; i++) {
+      if (_contentActivity[_dataSession][i] == "avg_speed") {
+        return _contentActivity[_dataSession][i + 1];
+      }
+    }
+    return 0.0;
+  }
+
+  // -------------------------- FIN Speed  ---------------------- //
+
+  // -------------------------- Localisation ------------------- //
+
+  List<LatLng> getPosition() {
+    List<LatLng> list = List.empty(growable: true);
+
+    for (List<dynamic> ligne in _contentActivity) {
+      if (ligne[0] == "Data" && ligne[6] == "position_lat") {
+        list.add(LatLng(ligne[7], ligne[10]));
+      }
+    }
+    return list;
+  }
+
+  // -------------------------- FIN Localisation  ---------------------- //
+
   Map<String, dynamic> toMap() {
     return {
       'nomActivite': _nomActivite,

lib/modele/utile/maps/maps_utile.dart

@@ -0,0 +1,16 @@
+import 'package:flutter/material.dart';
+import 'package:google_maps_flutter/google_maps_flutter.dart';
+import 'package:provider/provider.dart';
+import 'package:smartfit_app_mobile/modele/user.dart';
+
+class MapUtil {
+  Set<Polyline> initPolines(BuildContext context, int largueur, Color couleur) {
+    Set<Polyline> _polylines = {};
+    _polylines.add(Polyline(
+        polylineId: const PolylineId("Polyline"),
+        color: couleur,
+        points: context.watch<User>().listActivity[0].getPosition(),
+        width: largueur));
+    return _polylines;
+  }
+}

lib/view/home/mobile/mobile_homeview.dart

@@ -24,9 +24,18 @@ class _MobileHomeView extends State<MobileHomeView> {
   @override
   Widget build(BuildContext context) {
     var media = MediaQuery.of(context).size;
-    String maxBpm = context.watch<User>().listActivity[0].getMaxBpm();
+    // -- BPM -- //
-    String minBpm = context.watch<User>().listActivity[0].getMinBpm();
+    int maxBpm = context.watch<User>().listActivity[0].getMaxBpm();
-    String avgBpm = context.watch<User>().listActivity[0].getAvgBpm();
+    int minBpm = context.watch<User>().listActivity[0].getMinBpm();
+    int avgBpm = context.watch<User>().listActivity[0].getAvgBpm();
+    // -- Altitude -- //
+    double minAltitude = context.watch<User>().listActivity[0].getMinAltitude();
+    double maxAltitude = context.watch<User>().listActivity[0].getMaxAltitude();
+    double avgAltitude = (maxAltitude + minAltitude) / 2;
+    // -- Speed -- //
+    double maxSpeed = context.watch<User>().listActivity[0].getMaxSpeed();
+    double avgSpeed = context.watch<User>().listActivity[0].getAvgSpeed();
+
     data = HomeViewUtil().initData(context);
 
     return Scaffold(
@@ -57,9 +66,9 @@ class _MobileHomeView extends State<MobileHomeView> {
                   height: media.width * 0.05,
                 ),
                 LigneContainerStats(
-                    "$minBpm BPM",
+                    "${minBpm.toString()} BPM",
-                    "$maxBpm BPM",
+                    "${maxBpm.toString()} BPM",
-                    "$avgBpm BPM",
+                    "${avgBpm.toString()} BPM",
                     "Minimum",
                     "Maximum",
                     "Moyenne",
@@ -85,10 +94,36 @@ class _MobileHomeView extends State<MobileHomeView> {
                 SizedBox(
                   height: media.width * 0.05,
                 ),
-                const LigneContainerStats(
+                LigneContainerStats(
-                    "30 BPM",
+                    "${double.parse(maxSpeed.toStringAsFixed(2))} KM/H",
-                    "90 BPM",
+                    "${double.parse(avgSpeed.toStringAsFixed(2))} km/H",
-                    "290 BPM",
+                    "${avgBpm.toString()} BPM",
+                    "Max Speed",
+                    "Moyenne Speed",
+                    "Moyenne BPM",
+                    Icons.trending_down,
+                    Icons.trending_up,
+                    Icons.favorite_outline),
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                  children: [
+                    Text(
+                      "Altitude",
+                      style: TextStyle(
+                          color: TColor.black,
+                          fontSize: 16,
+                          fontWeight: FontWeight.w700),
+                    ),
+                  ],
+                ),
+                SizedBox(
+                  height: media.width * 0.05,
+                ),
+                GraphAltitudeByTime(media, data),
+                LigneContainerStats(
+                    "${minAltitude.toInt()} M",
+                    "${maxAltitude.toInt()} M",
+                    "${avgAltitude.toInt()} M",
                     "Minimum",
                     "Maximum",
                     "Moyenne",
@@ -98,7 +133,6 @@ class _MobileHomeView extends State<MobileHomeView> {
                 SizedBox(
                   height: media.width * 0.05,
                 ),
-                GraphAltitudeByTime(media, data)
               ],
             ),
           ),

lib/view/home/web/web_homeview.dart

@@ -24,9 +24,17 @@ class _WebHomeView extends State<WebHomeView> {
   @override
   Widget build(BuildContext context) {
     var media = MediaQuery.of(context).size;
-    String maxBpm = context.watch<User>().listActivity[0].getMaxBpm();
+    // -- BPM -- //
-    String minBpm = context.watch<User>().listActivity[0].getMinBpm();
+    int maxBpm = context.watch<User>().listActivity[0].getMaxBpm();
-    String avgBpm = context.watch<User>().listActivity[0].getAvgBpm();
+    int minBpm = context.watch<User>().listActivity[0].getMinBpm();
+    int avgBpm = context.watch<User>().listActivity[0].getAvgBpm();
+    // -- Altitude -- //
+    double minAltitude = context.watch<User>().listActivity[0].getMinAltitude();
+    double maxAltitude = context.watch<User>().listActivity[0].getMaxAltitude();
+    double avgAltitude = (maxAltitude + minAltitude) / 2;
+    // -- Speed -- //
+    double maxSpeed = context.watch<User>().listActivity[0].getMaxSpeed();
+    double avgSpeed = context.watch<User>().listActivity[0].getAvgSpeed();
 
     data = HomeViewUtil().initData(context);
 
@@ -61,9 +69,9 @@ class _WebHomeView extends State<WebHomeView> {
                   height: media.width * 0.05,
                 ),
                 LigneContainerStats(
-                    "$minBpm BPM",
+                    "${double.parse(maxSpeed.toStringAsFixed(2))} KM/H",
-                    "$maxBpm BPM",
+                    "${double.parse(avgSpeed.toStringAsFixed(2))} km/H",
-                    "$avgBpm BPM",
+                    "${avgBpm.toString()} BPM",
                     "Minimum",
                     "Maximum",
                     "Moyenne",
@@ -92,10 +100,10 @@ class _WebHomeView extends State<WebHomeView> {
                 SizedBox(
                   height: media.width * 0.05,
                 ),
-                const LigneContainerStats(
+                LigneContainerStats(
-                    "30 BPM",
+                    "${minAltitude.toInt()} M",
-                    "90 BPM",
+                    "${maxAltitude.toInt()} M",
-                    "290 BPM",
+                    "${avgAltitude.toInt()} M",
                     "Minimum",
                     "Maximum",
                     "Moyenne",
@@ -105,7 +113,10 @@ class _WebHomeView extends State<WebHomeView> {
                 SizedBox(
                   height: media.width * 0.05,
                 ),
-                GraphAltitudeByTime(media, data)
+                GraphAltitudeByTime(media, data),
+                SizedBox(
+                  height: media.width * 0.05,
+                ),
               ],
             ),
           ),

lib/view/map/mobile/mobile_my_map.dart

@@ -0,0 +1,46 @@
+import 'dart:async';
+import 'package:flutter/material.dart';
+import 'package:google_maps_flutter/google_maps_flutter.dart';
+import 'package:smartfit_app_mobile/common/colo_extension.dart';
+import 'package:smartfit_app_mobile/modele/utile/maps/maps_utile.dart';
+
+class MobileMyMaps extends StatefulWidget {
+  const MobileMyMaps({super.key});
+
+  @override
+  State<MobileMyMaps> createState() => _MobileMyMaps();
+}
+
+class _MobileMyMaps extends State<MobileMyMaps> {
+  final Completer<GoogleMapController> _googleMapController = Completer();
+  CameraPosition? _cameraPosition;
+  Set<Polyline> _polylines = {};
+
+  @override
+  Widget build(BuildContext context) {
+    _polylines = MapUtil().initPolines(context, 10, TColor.primaryColor1);
+    _cameraPosition =
+        CameraPosition(target: _polylines.first.points.first, zoom: 18);
+
+    return Scaffold(
+      body: _getMap(),
+    );
+  }
+
+  Widget _getMap() {
+    return Stack(
+      children: [
+        GoogleMap(
+          initialCameraPosition: _cameraPosition!,
+          mapType: MapType.normal,
+          onMapCreated: (GoogleMapController controller) {
+            if (!_googleMapController.isCompleted) {
+              _googleMapController.complete(controller);
+            }
+          },
+          polylines: _polylines,
+        )
+      ],
+    );
+  }
+}

lib/view/map/my_map.dart

@@ -1,9 +1,10 @@
-import 'dart:async';
-
 import 'package:flutter/material.dart';
-import 'package:google_maps_flutter/google_maps_flutter.dart';
+import 'package:provider/provider.dart';
-import 'package:location/location.dart';
+import 'package:responsive_builder/responsive_builder.dart';
-import 'package:smartfit_app_mobile/common/colo_extension.dart';
+import 'package:smartfit_app_mobile/modele/user.dart';
+import 'package:smartfit_app_mobile/view/map/mobile/mobile_my_map.dart';
+import 'package:smartfit_app_mobile/view/map/web/web_my_map.dart';
+import 'package:smartfit_app_mobile/view/profile/profile_view.dart';
 
 class MyMap extends StatefulWidget {
   const MyMap({Key? key}) : super(key: key);
@@ -13,142 +14,16 @@ class MyMap extends StatefulWidget {
 }
 
 class _MyMapState extends State<MyMap> {
-
-  Completer<GoogleMapController> _googleMapController = Completer();
-  CameraPosition? _cameraPosition;
-  Location? _location;
-  LocationData? _currentLocation;
-  List<LatLng> _polylineCoordinates = [];
-  Set<Polyline> _polylines = {};
-  Set<Marker> _markers = {}; // Add a set to store markers
-
-  @override
-  void initState() {
-    _init();
-    super.initState();
-  }
-
-  _init() async {
-    _location = Location();
-    _cameraPosition = CameraPosition(
-      target: LatLng(0, 0), // this is just the example lat and lng for initializing
-      zoom: 20
-    );
-    _initLocation();
-  }
-
-  //function to listen when we move position
-  _initLocation() {
-    
-    _location?.getLocation().then((location) {
-      _currentLocation = location;
-    });
-
-    _location?.onLocationChanged.listen((newLocation) {
-      setState(() {
-        _currentLocation = newLocation;
-        _polylineCoordinates.add(LatLng(
-          _currentLocation?.latitude ?? 0,
-          _currentLocation?.longitude ?? 0,
-        ));
-        _updatePolyline();
-
-      });
-
-      moveToPosition(LatLng(_currentLocation?.latitude ?? 0,
-          _currentLocation?.longitude ?? 0));
-    });
-  }
-
-  _updatePolyline() {
-    setState(() {
-      _polylines.clear();
-      _polylines.add(Polyline(
-        polylineId: PolylineId("polyline"),
-        color: TColor.primaryColor1,
-        points: _polylineCoordinates,
-        width: 10,
-      ));
-    });
-  }
-
-  // Updated _updateMarker to use the custom marker
-  _updateMarker(LatLng position) async {
-  final markerId = MarkerId('marker');
-  final marker = Marker(
-    markerId: markerId,
-    position: position
-    );
-  _markers.clear();
-  _markers.add(marker);
-}
-
-
-  moveToPosition(LatLng latLng) async {
-    GoogleMapController mapController = await _googleMapController.future;
-    mapController.animateCamera(
-      CameraUpdate.newCameraPosition(
-        CameraPosition(
-          target: latLng,
-          zoom: 15
-        )
-      )
-    );
-  }
-
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
+    return context.watch<User>().listActivity.isEmpty
-      body: _buildBody(),
+        ? ScreenTypeLayout.builder(
-    );
+            mobile: (_) => const ProfileView(),
-  }
+            desktop: (_) => const ProfileView(),
-
-  Widget _buildBody() {
-    return _getMap();
-  }
-
-  Widget _getMarker() {
-    return Container(
-      width: 25,
-      height: 25,
-      padding: EdgeInsets.all(2),
-      decoration: BoxDecoration(
-        color: Colors.white,
-        borderRadius: BorderRadius.circular(100),
-        boxShadow: [
-          BoxShadow(
-            color: Colors.grey,
-            offset: Offset(0,3),
-            spreadRadius: 4,
-            blurRadius: 6
-          )
-        ]
-      ),
-      child:  ClipOval(child: Image.asset("assets/img/u1.png")),
-    );
-  }
-
-  Widget _getMap() {
-    return Stack(
-      children: [
-        GoogleMap(
-          initialCameraPosition: _cameraPosition!,
-          mapType: MapType.normal,
-          onMapCreated: (GoogleMapController controller) {
-            if (!_googleMapController.isCompleted) {
-              _googleMapController.complete(controller);
-            }
-          },
-          polylines: _polylines,
-          markers: _markers,
-        ),
-        Positioned.fill(
-          child: Align(
-            alignment: Alignment.center,
-            child: _getMarker()
-          )
           )
-      ],
+        : ScreenTypeLayout.builder(
+            mobile: (_) => const MobileMyMaps(),
+            desktop: (_) => const WebMyMaps(),
           );
   }
 }

lib/view/map/web/web_my_map.dart

@@ -0,0 +1,47 @@
+import 'dart:async';
+
+import 'package:flutter/material.dart';
+import 'package:google_maps_flutter/google_maps_flutter.dart';
+import 'package:smartfit_app_mobile/common/colo_extension.dart';
+import 'package:smartfit_app_mobile/modele/utile/maps/maps_utile.dart';
+
+class WebMyMaps extends StatefulWidget {
+  const WebMyMaps({super.key});
+
+  @override
+  State<WebMyMaps> createState() => _WebMyMaps();
+}
+
+class _WebMyMaps extends State<WebMyMaps> {
+  final Completer<GoogleMapController> _googleMapController = Completer();
+  CameraPosition? _cameraPosition;
+  Set<Polyline> _polylines = {};
+
+  @override
+  Widget build(BuildContext context) {
+    _polylines = MapUtil().initPolines(context, 10, TColor.primaryColor1);
+    _cameraPosition =
+        CameraPosition(target: _polylines.first.points.first, zoom: 18);
+
+    return Scaffold(
+      body: _getMap(),
+    );
+  }
+
+  Widget _getMap() {
+    return Stack(
+      children: [
+        GoogleMap(
+          initialCameraPosition: _cameraPosition!,
+          mapType: MapType.normal,
+          onMapCreated: (GoogleMapController controller) {
+            if (!_googleMapController.isCompleted) {
+              _googleMapController.complete(controller);
+            }
+          },
+          polylines: _polylines,
+        )
+      ],
+    );
+  }
+}

lib/view/ne_pas_supprimer/map.txt

@@ -0,0 +1,131 @@
+import 'dart:async';
+import 'package:flutter/material.dart';
+import 'package:google_maps_flutter/google_maps_flutter.dart';
+import 'package:location/location.dart';
+import 'package:smartfit_app_mobile/common/colo_extension.dart';
+
+class MobileMyMaps extends StatefulWidget {
+  const MobileMyMaps({super.key});
+
+  @override
+  State<MobileMyMaps> createState() => _MobileMyMaps();
+}
+
+class _MobileMyMaps extends State<MobileMyMaps> {
+  Completer<GoogleMapController> _googleMapController = Completer();
+  CameraPosition? _cameraPosition;
+  Location? _location;
+  LocationData? _currentLocation;
+  List<LatLng> _polylineCoordinates = [];
+  Set<Polyline> _polylines = {};
+  Set<Marker> _markers = {}; // Add a set to store markers
+
+  @override
+  void initState() {
+    _init();
+    super.initState();
+  }
+
+  _init() async {
+    _location = Location();
+    _cameraPosition = const CameraPosition(
+        target: LatLng(
+            0, 0), // this is just the example lat and lng for initializing
+        zoom: 20);
+    _initLocation();
+  }
+
+  //function to listen when we move position
+  _initLocation() {
+    _location?.getLocation().then((location) {
+      _currentLocation = location;
+    });
+
+    _location?.onLocationChanged.listen((newLocation) {
+      setState(() {
+        _currentLocation = newLocation;
+        _polylineCoordinates.add(LatLng(
+          _currentLocation?.latitude ?? 0,
+          _currentLocation?.longitude ?? 0,
+        ));
+        _updatePolyline();
+      });
+
+      moveToPosition(LatLng(
+          _currentLocation?.latitude ?? 0, _currentLocation?.longitude ?? 0));
+    });
+  }
+
+  _updatePolyline() {
+    setState(() {
+      _polylines.clear();
+      _polylines.add(Polyline(
+        polylineId: PolylineId("polyline"),
+        color: TColor.primaryColor1,
+        points: _polylineCoordinates,
+        width: 10,
+      ));
+    });
+  }
+
+  /*
+  // Updated _updateMarker to use the custom marker
+  _updateMarker(LatLng position) async {
+    final markerId = MarkerId('marker');
+    final marker = Marker(markerId: markerId, position: position);
+    _markers.clear();
+    _markers.add(marker);
+  }*/
+
+  moveToPosition(LatLng latLng) async {
+    GoogleMapController mapController = await _googleMapController.future;
+    mapController.animateCamera(CameraUpdate.newCameraPosition(
+        CameraPosition(target: latLng, zoom: 15)));
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: _getMap(),
+    );
+  }
+
+  Widget _getMarker() {
+    return Container(
+      width: 25,
+      height: 25,
+      padding: EdgeInsets.all(2),
+      decoration: BoxDecoration(
+          color: Colors.white,
+          borderRadius: BorderRadius.circular(100),
+          boxShadow: [
+            BoxShadow(
+                color: Colors.grey,
+                offset: Offset(0, 3),
+                spreadRadius: 4,
+                blurRadius: 6)
+          ]),
+      child: ClipOval(child: Image.asset("assets/img/u1.png")),
+    );
+  }
+
+  Widget _getMap() {
+    return Stack(
+      children: [
+        GoogleMap(
+          initialCameraPosition: _cameraPosition!,
+          mapType: MapType.normal,
+          onMapCreated: (GoogleMapController controller) {
+            if (!_googleMapController.isCompleted) {
+              _googleMapController.complete(controller);
+            }
+          },
+          polylines: _polylines,
+          markers: _markers,
+        ),
+        Positioned.fill(
+            child: Align(alignment: Alignment.center, child: _getMarker()))
+      ],
+    );
+  }
+}

web/index.html

@@ -26,6 +26,9 @@
   <meta name="apple-mobile-web-app-title" content="smartfit_app_mobile">
   <link rel="apple-touch-icon" href="icons/Icon-192.png">
 
+  <!-- MAP GOOGLE-->
+  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD2Jgh9NXhtKaH8qRyGfkCeMDusBJ4xcRY"></script>
+
   <!-- Favicon -->
   <link rel="icon" type="image/png" href="favicon.png"/>