h5 vue3 使用uni.getLocation 报错

该问题请在专业群（ uni-app 官方技术交流群 1 ） 咨询，群中有相关专业的管理员和群友。

在 H5 端调用 uni.getLocation 会直接报错，是因为 H5 运行时并没有实现这个 API。
uni.getLocation 只在 App、各端小程序、快应用等环境提供；在 Web 端（H5）如果想获取地理位置，需要用浏览器原生 navigator.geolocation 或者使用官方提供的兼容方案。

做法有两种：

1. 条件编译
   在代码里区分平台，H5 走浏览器 API，其余端继续用 uni.getLocation：

   // #ifdef H5  
   navigator.geolocation.getCurrentPosition(  
    (res) => {  
      console.log('H5 定位成功', res.coords)  
    },  
    (err) => {  
      console.error('H5 定位失败', err)  
    }  
   )  
   // #endif  
   
   // #ifndef H5  
   uni.getLocation({  
    type: 'wgs84',  
    success(res) {  
      console.log('非 H5 定位成功', res)  
    },  
    fail(err) {  
      console.error('非 H5 定位失败', err)  
    }  
   })  
   // #endif  

2. 使用官方插件
   如果希望各端代码保持一致，可以在插件市场搜索 “定位” 关键字，安装支持 H5 的定位封装插件（如 uni-location-polyfill 等），这些插件内部已经帮你做了平台判断和兼容处理。

H5 端额外注意事项

• 必须在 HTTPS 域名下才能调用 navigator.geolocation（本地 localhost 除外）。
• 需在 manifest.json → H5 配置 → 定位和地图 中填写腾讯或谷歌等第三方地图服务商申请的秘钥（key），否则可能只能使用 IP 定位，精度较差。
• 部分国产安卓浏览器需用户手动授予定位权限，且可能仅支持 GPS 定位，信号弱时容易失败。
• PC 端 Chrome 定位依赖谷歌服务，国内网络可能无法获取位置，建议改用 Edge 测试。

总结：
uni.getLocation 在 H5 端不可用，需用条件编译或定位兼容插件解决，并注意 HTTPS、key 配置及浏览器权限等限制。