8-8

lib/views/home/map_page.dart

@@ -2,10 +2,9 @@ import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:google_maps_flutter/google_maps_flutter.dart';
 import 'package:ride/constant/colors.dart';
+import 'package:ride/constant/style.dart';
 import 'package:ride/controller/home/map_page_controller.dart';
 
-import '../../constant/style.dart';
-
 class MapPage extends StatelessWidget {
   const MapPage({super.key});
 
@@ -64,16 +63,29 @@ class MapPage extends StatelessWidget {
               },
               polylines: {
                 Polyline(
+                  zIndex: 2,
+                  consumeTapEvents: true,
+                  geodesic: true,
+                  endCap: Cap.buttCap,
+                  startCap: Cap.buttCap,
+                  visible: true,
                   polylineId: const PolylineId('route'),
                   points: controller.polylineCoordinates,
                   color: AppColor.primaryColor,
-                  width: 3,
-                )
+                  width: 5,
+                ),
               },
               mapType: MapType.normal,
               myLocationButtonEnabled: true,
               indoorViewEnabled: true,
               trafficEnabled: true,
+              buildingsEnabled: true,
+              mapToolbarEnabled: true,
+              onCameraMove: (position) {
+                controller.mylocation = position.target;
+              },
+              myLocationEnabled: true,
+              // liteModeEnabled: true,
             ),
             Positioned(
               top: 10,
@@ -123,8 +135,46 @@ class MapPage extends StatelessWidget {
                               },
                             );
                           },
-                          child: Text(
-                            res['name'].toString(),
+                          child: Column(
+                            children: [
+                              Row(
+                                mainAxisAlignment:
+                                    MainAxisAlignment.spaceBetween,
+                                children: [
+                                  Image.network(
+                                    res['icon'],
+                                    width: 30,
+                                  ),
+                                  Column(
+                                    children: [
+                                      Text(
+                                        res['name'].toString(),
+                                        style: AppStyle.title,
+                                      ),
+                                      Text(
+                                        res['vicinity'].toString(),
+                                        style: AppStyle.subtitle,
+                                      ),
+                                    ],
+                                  ),
+                                  Column(
+                                    children: [
+                                      Text(
+                                        'rate',
+                                        style: AppStyle.subtitle,
+                                      ),
+                                      Text(
+                                        res['rating'].toString(),
+                                        style: AppStyle.subtitle,
+                                      ),
+                                    ],
+                                  ),
+                                ],
+                              ),
+                              const Divider(
+                                thickness: 1,
+                              )
+                            ],
                           ),
                         );
                       },
@@ -133,15 +183,12 @@ class MapPage extends StatelessWidget {
                 ],
               ),
             ),
-            Positioned(
-              bottom: 0,
-              left: 0,
-              right: 0,
-              child: Container(
-                height: 130,
-                color: AppColor.secondaryColor,
-                child:null)
-            )
+            // Positioned(
+            //     bottom: 0,
+            //     left: 0,
+            //     right: 0,
+            //     child: Container(
+            //         height: 130, color: AppColor.secondaryColor, child: null))
           ],
         ),
       ),