uni-app H5微信内置浏览器下，腾讯地图uni.chooselocation接口无法自动定位到用户当前位置

发布于 1周前 作者 zlyuanteng 来自 Uni-App

uni-app H5微信内置浏览器下，腾讯地图uni.chooselocation接口无法自动定位到用户当前位置

示例代码：

uni.chooseLocation({ success: function(res) { }, fail: function(fail_res){ } });

操作步骤：

uni.chooseLocation({ success: function(res) { }, fail: function(fail_res){ } });

预期结果：

正常地图打开自动定位到用户当前位置，并获取周边信息。

实际结果：

地图定位异常，并且没有周边信息。

bug描述：

uniapp web端配置了腾讯地图，H5uni.chooseLocation打开地图不能正确定位到用户当前位置，显示默认北京定位并且没有周边位置信息。微信开发工具调试正常，线上真机有问题，安卓iOS均不能正常显示，没有错误信息提示。地图key配置没问题，其他SDK使用正常，uni.getLocation能正常使用，需要移动地图坐标才能正常搜索。

开发环境 版本号 项目创建方式
Windows 22631.4317 HBuilderX
HBuilderX 4.29

Image Image


Harmonyos Next教程
6 回复

hello uni-app 示例在微信浏览器测试是正常的。 要不是key的问题，要不是微信没有给这个网页赋予定位权限，第一次进入网页时，微信会弹框询问是否允许访问位置，是不是选了否？


开发者工具测试是OK的，但是真机会有这个问题，多个手机测试，安卓iOS都是同样的。授权是允许了的，获取用户位置uni.getLocation是正常的。

微信小程序用原生开发的，用的同样的key能正常使用。线上和测试运行在开发者工具上都是正常的。key没有问题

回复 2***@qq.com: 我用真机，跑线上地址 https://hellouniapp.dcloud.net.cn/web#/，也没问题

回复 DCloud_heavensoft: 好的，我自己单开一个项目试了下也没问题，但是现在这个项目不知道哪里影响了，也没有错误提示，有办法自查吗。

在uni-app开发过程中，确实可能会遇到在H5微信内置浏览器环境下，uni.chooseLocation接口无法自动定位到用户当前位置的问题。这通常是由于微信内置浏览器的权限限制或者API兼容性问题所导致。虽然无法直接提供解决方案建议，但可以通过一些代码示例展示如何更好地处理定位请求，以及如何在用户拒绝定位权限时给出友好提示。

以下是一个示例代码，展示如何在uni-app中调用uni.chooseLocation，并处理定位失败的情况：

// 调用chooseLocation接口
uni.chooseLocation({
    type: 'gcj02', // 返回可以用于wx.openLocation的经纬度
    success: function (res) {
        // 用户选择位置成功，处理选择的位置信息
        console.log('用户选择的位置:', res);
        // 可以根据res.name, res.address, res.latitude, res.longitude等信息进行后续操作
    },
    fail: function (err) {
        // 定位失败处理
        console.error('定位失败:', err);
        // 可以在这里提示用户检查定位权限，或者给出其他引导信息
        uni.showToast({
            title: '定位失败，请检查权限或重新尝试',
            icon: 'none'
        });
        
        // 如果需要，可以尝试调用uni.getLocation接口获取当前位置（需要用户授权）
        uni.getLocation({
            type: 'gcj02',
            success: function (locationRes) {
                console.log('通过uni.getLocation获取的位置:', locationRes);
                // 可以将获取到的位置信息作为备选方案展示给用户
            },
            fail: function (locationErr) {
                console.error('通过uni.getLocation也无法获取位置:', locationErr);
                uni.showToast({
                    title: '无法获取位置信息，请确保已授权',
                    icon: 'none'
                });
            }
        });
    }
});

在上述代码中，我们首先尝试调用uni.chooseLocation接口让用户选择位置。如果用户选择位置成功，我们处理选择的位置信息。如果失败，我们捕获失败事件，并提示用户检查定位权限。同时，作为备选方案，我们尝试调用uni.getLocation接口获取当前位置信息。需要注意的是，uni.getLocation也需要用户授权才能成功获取位置信息。

在实际应用中，开发者应根据具体需求调整错误处理和用户引导逻辑，确保用户体验流畅。同时，考虑到不同浏览器和平台的兼容性问题，建议进行充分的测试，以确保应用在不同环境下的稳定性。

回到顶部