uniapp开发app中配置高德地图定位流程

在使用uniapp开发app过程中,如何使用高德地图进行定位

高德地图开放平台账号申请

进入高德地图开放平台,注册并登陆开发者账号,完成之后点击进入控制台主页

在应用管理中点击创建新应用 QQ截图20210204110943.png 输入并选择你的应用类型,创建完应用后,添加key QQ截图20210204111240.png

选择并输入你的应用信息

key名称可以自定义填写 服务平台选择(这里以)安卓为例 填写安全码、应用包名等信息,完成后提交 QQ截图20210204111407.png 创建完成之后拿到生成的key QQ截图20210204111727.png

项目文件中配置高德定位

HBuliderX编辑器中,在项目根目录打开manifest.json这个文件 安卓app的话需确定已选择定位权限,不知道如何配置安卓权限可以参考官方文档 QQ截图20210226160842.png

QQ截图20210204112141.png APP模块配置中在定位中选择高德地图,并填入对应的key信息

填写完成之后一定要注意,打包自己app的自定义调试基座

QQ截图20210204112731.png

点击运行== =>==运行到手机或模拟器 => 制作自定义调试基座 填写自己的信息,证书文件信息等,进行打包 QQ截图20210204113119.png

待自定义调试基座打包完成之后,点击运行== =>==运行到手机或模拟器== =>选择==自定义调试基座运行

现在,你可以用自己申请的高德定位key进行定位请求了

uni.getLocation({
    type: 'wgs84',
    success: function (res) {
        console.log('当前位置的经度:' + res.longitude);
        console.log('当前位置的纬度:' + res.latitude);
    }
});

具体定位api参数可查看uniapp获取位置文档