为什么Google Map的多个标记在Ionic 6应用程序中未显示在Android模拟器中？

Question

我是离子的新手。目前，我正在研究Google Map功能。我能够在源和目标之间绘制路线并显示多个标记。它在浏览器中工作正常，但在Android模拟器中不正常。我的目的是开发一个像“ Uber”这样的应用程序。请帮助我。我被困在这里。在我的代码下面给出了。请帮助审查它，并尝试帮助解决此问题。

    getCurrentPosition() {
    navigator.geolocation.getCurrentPosition((pos) => {

      this.updateLocation.longitude = String(pos.coords.longitude);
      this.updateLocation.phoneNumber = this.phoneNoValue.value;
      this.updateLocation.userType = UserType.Customer;
      this.updateLocationService
        .updateLocation(this.updateLocation)
        .subscribe(async (response) => {
          if (response != null || response != undefined) {
            this.driverList = response.driverList;
            this.addMarkersToMap(this.driverList);
            const toast = await this.toastController.create({
              message: 'Location Updated',
              duration: 2000,
              position: 'bottom',
              color: 'tertiary',
            });
            await toast.present();
          }
        });
    });
  }

 addMarkersToMap(driverList) {
    const centerPosition = { lat: 23.8042, lng: 90.3667 };
    this.map = new google.maps.Map(document.getElementById('map'), {
      zoom: 10,
      center: centerPosition,
    });

   driverList.forEach(element => {
        var myLatLng = new google.maps.LatLng(element.latitude, element.longitude);
        const marker = new google.maps.Marker({
          position: myLatLng,
          map:this.map,
          latitude:element.latitude,
          longitude:element.longitude
        });
        marker.setMap(this.map);
        this.cdr.detectChanges()
      });

  }

 async calculateAndDisplayRoute() {
    this.directionsService
      .route(
        {
          origin: {
            query: this.sourceLocation,
          },
          destination: {
            query: this.destinationLocation.input,
          },
          travelMode: google.maps.TravelMode.DRIVING,
        },
        (response, status) => {
          console.log('google', response)
          this.googleMapResponse = response;
          if (status == "OK") {
            this.directionsRenderer.setMap(this.map); 
            this.directionsRenderer.setDirections(response);
            this.driver.userLatitude = String(response.routes[0].legs[0].start_location.lat());
            this.driver.userLongitude = String(response.routes[0].legs[0].start_location.lng());
            this.driver.phoneNumber = this.phoneNoValue.value;
            this.driver.destinationLatitude = String(response.routes[0].legs[0].end_location.lat());
            this.driver.destinationLongitude = String(response.routes[0].legs[0].end_location.lng());
            this.driver.pickupLocation = response.routes[0].legs[0].start_address;
            this.rideRequestService
              .getDriverList(this.driver)
              .subscribe(async (res) => {
                if (res != null || res != undefined) {
                  this.driverLocaiton.phoneNumber = res.phoneNumber;
                  this.driverLocaiton.driverList = res.driverList;
                  this.driverLocaiton.rideFareModelList = res.rideFareModelList;
                  
                  const toast = await this.toastController.create({
                    message: 'Location Updated',
                    duration: 2000,
                    position: 'bottom',
                    color: 'tertiary',
                  });
                  await toast.present();
                  this.isExpand = false;
                }
                await Storage.set({key: 'google',  value:`${JSON.stringify(response)}`});
              });
              
          } else {
            window.alert("Direction req failed due to" + status);
          }
        })
    this.isExpand = false;
  }

上面有我的代码。请帮助修复上述代码，以显示Android模拟器中Google Map的多个标记