diff --git a/lib/modules/asset_tracking/map_tracking_page.dart b/lib/modules/asset_tracking/map_tracking_page.dart index f275e19a..f7e5047d 100644 --- a/lib/modules/asset_tracking/map_tracking_page.dart +++ b/lib/modules/asset_tracking/map_tracking_page.dart @@ -244,7 +244,44 @@ class _MapTrackingPageState extends State { // ).bottomSheetContainer(context, padding: const EdgeInsets.all(16)); }), ), - ] + ], + Positioned( + top: 70, + right: 8, + child: Column( + mainAxisSize: MainAxisSize.min, + children: [ + IconButton( + icon: const Icon(Icons.add), + padding: EdgeInsets.zero, + style: IconButton.styleFrom( + backgroundColor: AppColor.background(context), // Sets the background color + foregroundColor: AppColor.icon2Color(context), // Sets the icon color + ), + visualDensity: VisualDensity.compact, + tooltip: "Zoom In", + onPressed: () { + final zoom = mapController.camera.zoom + 1; + mapController.move(mapController.camera.center, zoom); + }, + ), + IconButton( + icon: const Icon(Icons.remove), + padding: EdgeInsets.zero, + visualDensity: VisualDensity.compact, + style: IconButton.styleFrom( + backgroundColor: AppColor.background(context), // Sets the background color + foregroundColor: AppColor.icon2Color(context), // Sets the icon color + ), + tooltip: "Zoom Out", + onPressed: () { + final zoom = mapController.camera.zoom - 1; + mapController.move(mapController.camera.center, zoom); + }, + ), + ], + ), + ) ], );