loadingbar not working using getx flutter - flutter

Question

hello I am working on a project using google maps inside it I implemented a loading bar using getx but it's not working I don't know why
here is my map page :
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:helping_hand/StateManagement/BarController.dart';
import 'package:helping_hand/UI/Other/Emergency.dart';
import 'package:list_picker/list_picker.dart';
import '../../StateManagement/MapController.dart';
import '../../drawers/bottomnavbar.dart';
import '../Bottom Navigation/My status.dart';
class Mappage extends StatelessWidget {
Mappage({Key? key}) : super(key: key);
final TextEditingController selectPage = TextEditingController();
final List<String> pageList = ['helps','sitrep','location','emergencies', 'users',];
#override
Widget build(BuildContext context) {
MapController mapcontroller = Get.find();
BarController barController = Get.find();
barController.checkUserData();
return Scaffold(
body: Stack(
children: [
SizedBox(height: MediaQuery.of(context).size.height,
child: SingleChildScrollView(
child: SizedBox(height: MediaQuery.of(context).size.height,width: MediaQuery.of(context).size.width,
child: Column(
children: [
Stack(
children: [
SizedBox(
height: MediaQuery.of(context).size.height,
child: GetBuilder<MapController>(builder: (_)=>GoogleMap(initialCameraPosition:MapController.initial,
mapType: MapType.normal,markers:mapcontroller.markers,
onMapCreated: (GoogleMapController controller){
mapcontroller.completercontrol.complete(controller);
mapcontroller.googleMapController = controller;
},),)
),
Positioned(
top: 50,
height: 60,
width: MediaQuery.of(context).size.width,
child: Row(mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
SizedBox(width: MediaQuery.of(context).size.width/2,
child: ListPickerField(label:'select', items:pageList,controller:selectPage,)),
ElevatedButton(
style:const ButtonStyle(backgroundColor:MaterialStatePropertyAll(Colors.redAccent)) ,
onPressed: () {
if(selectPage.text.isNotEmpty){
mapcontroller.fetchMap(selectPage.text);
}else{
Get.snackbar('error','select a page from dropdown menu');
}
},
child:const Text('Get',style: TextStyle(color: Colors.white),)),
FloatingActionButton(
heroTag: 'btn1',
onPressed:(){
Get.to(()=>Emergency());
},
child: const Icon(Icons.emergency_outlined),
)
],
),
),
Positioned(
bottom: 50,
width: MediaQuery.of(context).size.width,
child: Row(mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
ElevatedButton(
style:const ButtonStyle(backgroundColor:MaterialStatePropertyAll(Colors.redAccent)) ,
onPressed: () {
mapcontroller.googleMapController.dispose();
Get.offAll(()=>const Nav());
},
child:const Text('Go to Dashboard',style: TextStyle(color: Colors.white),)),
FloatingActionButton(
heroTag: 'btn2',
onPressed: () {
mapcontroller.getlatlong();
},
child:const Icon(Icons.location_on,color: Colors.white,)),
],
),
),
],
),
],
),
),
),
),
GetBuilder<MapController>(builder: (_){
if (mapcontroller.isloading == true) {
return Container(
color: Colors.white.withOpacity(0.5),
child: const Center(
child: CircularProgressIndicator(backgroundColor: Colors.redAccent,color: Colors.white,),
),
);
} else {
return const SizedBox.shrink();
}
}),
],
));
}
}
class DocsForMap {
final double lat;
final double long;
final String? desc;
final String title;
final int? uploaddate;
final int? deletetime;
final List<dynamic>? neededSupply;
final List<dynamic>? downloadurl;
DocsForMap(this.desc, this.uploaddate, this.deletetime, this.neededSupply, this.downloadurl,{
required this.lat,
required this.long,
required this.title,
});
}
here is the controller (look at the bottom for function FetchAlerts and loading bar) :
import 'dart:async';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:geolocator/geolocator.dart';
import 'package:get/get.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:helping_hand/UI/Map/Mappage.dart';
class MapController extends GetxController{
String locationmessage = 'currentlocation of user';
late String lat ;
late String long ;
Set<Marker>markers= <Marker>{};
late BitmapDescriptor customIcon;
#override
void onInit() {
// BitmapDescriptor.fromAssetImage(const ImageConfiguration(size: Size(3.5, 3.5)),
// 'assets/undraw/warning.png')
// .then((d) {
// customIcon = d;
// update();
// });
lat = '10.228370';
long ='76.198799';
super.onInit();
}
// make sure to initialize before map loading
late GoogleMapController googleMapController;
final Completer<GoogleMapController> _controller = Completer();
Completer<GoogleMapController> get completercontrol => _controller;
static CameraPosition initial = const CameraPosition(target:LatLng(10.228370,76.198799),zoom: 15);
//lower part
Future<Position> getCurrentLocation() async {
bool serviceEnabled = await Geolocator.isLocationServiceEnabled();
if (!serviceEnabled) {
return Future.error('the location is not enabled');
}
LocationPermission permission = await Geolocator.checkPermission();
if (permission == LocationPermission.denied) {
permission = await Geolocator.requestPermission();
if (permission == LocationPermission.denied) {
return Future.error(
'location permissions are permanantly denied, cannot grant acess');
}
}
if (permission == LocationPermission.deniedForever) {
return Future.error(
'location permissions are permanantly denied, cannot grant acess');
}
return await Geolocator.getCurrentPosition();
}
void liveLocation() {
loadingbar();
LocationSettings settings = const LocationSettings(
accuracy: LocationAccuracy.high,
distanceFilter: 100,
);
Geolocator.getPositionStream(locationSettings: settings)
.listen((Position position) {
lat = position.latitude.toString();
long = position.longitude.toString();
googleMapController.animateCamera(CameraUpdate.newCameraPosition(CameraPosition(target:LatLng(position.latitude,position.longitude),zoom: 15)));
markers.add(Marker(markerId:const MarkerId('current user location'),position: LatLng(position.latitude,position.longitude)));
update();
});
loadingbaroff();
}
void getlatlong(){
loadingbar();
getCurrentLocation().then((value){
lat = '${value.latitude}';
long = '${value.longitude}';
googleMapController.animateCamera(CameraUpdate.newCameraPosition(CameraPosition(target:LatLng(value.latitude,value.longitude),zoom: 15)));
markers.add(Marker(markerId:const MarkerId('current user location'),position: LatLng(value.latitude,value.longitude)));
update();
if (kDebugMode) {
print(lat);
}
if (kDebugMode) {
print(long);
}
liveLocation();
});
loadingbaroff();
}
void liveLocationToUpload(){
LocationSettings settings = const LocationSettings(
accuracy: LocationAccuracy.high,
distanceFilter: 100,
);
Geolocator.getPositionStream(locationSettings: settings)
.listen((Position position) {
lat = position.latitude.toString();
long = position.longitude.toString();
update();
});
}
//MAP PAGE CONTROLLER CONTROLLS ::::::::::::::
List<DocsForMap> docsformap=[];
Future<void> fetchMap(String page)async {
try{
loadingbar();
docsformap.clear();
int unixTime = DateTime.now().millisecondsSinceEpoch ~/ 1000;
if (kDebugMode) {
print('inside try catch');
}
if (kDebugMode) {
print(page);
}
final FirebaseFirestore db = FirebaseFirestore.instance;
db.collection("map").doc('maps').collection(page).get().then((querySnapshot) {
for (var document in querySnapshot.docs) {
if(document.data()['deleteTime'] > unixTime){
docsformap.add(DocsForMap(document.data()['description'], document.data()['uploadDate'], document.data()['deleteTime'],
document.data()['needed_supply'], document.data()['downloadUrl'], lat: double.parse(document.data()['lat']),
long: double.parse(document.data()['long']), title:document.data()['title']));
}
}
//adding markers
markers.clear();
for(int i = 0;i<docsformap.length;i++){
markers.add(Marker(markerId: MarkerId('$i'),
position: LatLng(docsformap[i].lat,docsformap[i].long),
infoWindow:InfoWindow(title: docsformap[i].title,snippet: docsformap[i].desc),
// icon:customIcon,
onTap: (){markerBar();}
));
}
for (var element in markers) {
if (kDebugMode) {
print('this is a marker element ${element.infoWindow.snippet}');
}
}
update();
});
}catch(e){
Get.snackbar('error','error while fetching $page');
if (kDebugMode) {
print('error happenddddd :::::::: $e');
}
loadingbaroff();
}
loadingbaroff();
}
bool isloading = false;
void loadingbar() {
print('loading bar called');
isloading = true;
update();
}
void loadingbaroff() {
print('loading bar ended');
isloading = false;
update();
}
bool isMarkerSelected = false;
void markerBar() {
isMarkerSelected = true;
update();
}
void markerBaroff() {
isMarkerSelected = false;
update();
}
}
also if you could tell me instead of giving value through initial variable when map creates, can i create the map with current user location using oninit on mapcontroller ?