Ionic Cordova Angular安卓应用：Google地图位置关闭提示需求

我来帮你搞定这个问题！当前你的代码在设备位置关闭时，因为没有捕获LocationService.getMyLocation()的错误，导致页面一直卡在“Fetching your location”的加载状态，同时没有给用户任何提示。我们只需要添加错误捕获逻辑，就能在位置获取失败时弹出提示，引导用户开启位置服务。

关键修改步骤 #

1. 确保平台就绪后再执行位置获取 #

Cordova插件需要等平台完全初始化才能正常工作，所以我们先把核心逻辑放到platform.ready()的回调里，避免插件未就绪导致的异常。

2. 给位置获取添加超时与错误捕获 #

在getUserLocation里添加超时设置，并捕获位置服务不可用的错误；同时在ngOnInit的Promise链里添加.catch()处理错误，弹出提示并清理加载状态。

修改后的代码片段 #

首先更新ngOnInit方法 #

ngOnInit() {
  // 等待平台就绪后再执行操作
  this.platform.ready().then(() => {
    this.helperService.showLoader('Fetching your location');
    this.mapElement = this.mapElement.nativeElement;
    
    this.getUserLocation().then(
      res => {
        this.myLocation = res;
        this.helperService.hideLoader();
        
        // 后续的API调用与地图加载逻辑保持不变
        this.apiService.pickupList(this.apiService.loggedInUser.value.id, this.myLocation.latLng.lat, this.myLocation.latLng.lng, this.selectedRadius)
          .then(res => {
            this.pickUpPointsSubscription = this.apiService.castpickUpPointsList.subscribe(
              data => {
                if (data.length === 0) {
                  this.pickupPointsData = data;
                  this.loadMapWithoutMarkers(this.myLocation.latLng.lat, this.myLocation.latLng.lng).then(
                    res => {
                      alert('There are no pickup points in this location, Please try with a different one or change the Radius');
                    }
                  );
                } else if (data.length !== 0) {
                  this.nearestCenter = data[0];
                  this.pickupPointsData = data;
                  try {
                    this.loadMap(this.myLocation.latLng.lat, this.myLocation.latLng.lng);
                  } catch (err) {
                    alert(err);
                  } finally {
                    if (this.loading) {
                      this.loading.dismiss();
                    }
                  }
                }
              }, error => {
                alert(JSON.stringify(error));
              });
          }, err => {
            alert(err);
          }
        );
      }
    ).catch(async (error) => {
      // 隐藏加载器，避免卡顿
      this.helperService.hideLoader();
      
      // 弹出提示告知用户开启位置服务
      const alert = await this.alertController.create({
        header: 'Location Service Disabled',
        message: 'Please enable your device location to access this map feature.',
        buttons: [
          {
            text: 'OK',
            role: 'cancel',
            handler: () => {
              // 可选：导航回上一页，让用户去开启位置服务
              this.router.navigate(['../']);
            }
          }
        ]
      });
      
      await alert.present();
      console.error('Location fetch failed:', error);
    });
  });
}

然后更新getUserLocation方法 #

async getUserLocation(): Promise<MyLocation> {
  try {
    // 添加超时设置，避免无限等待
    const myLocation: MyLocation = await LocationService.getMyLocation({
      enableHighAccuracy: true,
      timeout: 10000 // 10秒超时
    });
    return myLocation;
  } catch (error) {
    // 捕获错误并抛出，让上层处理
    throw error;
  }
}

额外注意事项 #

• 确保你的helperService.hideLoader()能正确关闭加载弹窗，避免错误时加载器一直显示。
• 在loadMap和loadMapWithoutMarkers的finally块里，也要确保this.loading存在时再调用dismiss()，避免空指针错误。

这样修改后，当设备位置关闭时，页面会立即停止加载，并弹出清晰的提示告知用户开启位置服务，不会再出现卡顿的情况。

内容的提问来源于stack exchange，提问作者Shaik