Cordova地理定位在用户授权前触发失败（Angular+AGM混合应用）

我之前做Cordova混合应用时也踩过这个坑，核心原因是Cordova地理定位插件的初始化时机和Angular组件生命周期不匹配，再加上Android端的权限拦截逻辑导致的：

在Android设备上，Cordova会替换浏览器原生的navigator.geolocation API，但这个替换操作必须等到Cordova的deviceready事件触发后才能完成。而你的ngOnInit会在Angular组件初始化时立刻执行，这时候Cordova还没完成插件初始化，调用的其实是未被替换的原生API——Android系统对这种非Cordova插件发起的定位请求，会直接触发错误回调，同时弹出系统授权弹窗，这就造成了你看到的“错误回调先执行，授权弹窗后出现”的矛盾情况。

当用户接受授权后关闭组件再进入时，Cordova插件已经完成初始化，此时调用navigator.geolocation才会走插件的正常逻辑，自然就能获取到位置信息了。

1. 确认安装Cordova地理定位插件 #

先确保你已经安装了官方的定位插件（如果没装的话）：

cordova plugin add cordova-plugin-geolocation

2. 等待deviceready事件后再执行定位逻辑 #

Angular的ngOnInit执行时机早于Cordova的deviceready事件，所以需要修改代码，等Cordova初始化完成后再调用定位方法：

在你的组件.ts文件中调整如下：

ngOnInit() {
  // 监听Cordova的deviceready事件，确保插件初始化完成
  document.addEventListener('deviceready', () => {
    this.setCurrentLocation();
  }, false);

  // 兼容浏览器测试场景
  if (!window.cordova) {
    this.setCurrentLocation();
  }
}

3. 完善Android权限配置 #

在项目根目录的config.xml中添加必要的定位权限，确保Android系统能正确识别权限请求：

<platform name="android">
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    <!-- 如果你的应用需要后台定位（Android 10+），再添加下面这行 -->
    <!-- <uses-permission android:name="android.permission.ACCESS_BACKGROUND_LOCATION" /> -->
</platform>

4. 优化错误排查（可选） #

可以在错误回调中添加详细日志，方便后续排查问题：

private setCurrentLocation() {
  if ('geolocation' in navigator) {
    navigator.geolocation.getCurrentPosition((position) => {
      alert("success!")
      this.latitude = position.coords.latitude;
      this.longitude = position.coords.longitude;
    }, (err)=>{
      console.error('定位失败详情:', err.code, err.message);
      alert(`failed... 错误码: ${err.code}, 信息: ${err.message}`);
    });
  } else {
    alert('当前设备不支持地理定位');
  }
}

这样修改后，首次进入组件时会等待Cordova初始化完成再发起定位请求，就能和浏览器端一样，先弹出授权弹窗，用户接受后正常加载地图了。

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