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

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

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

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

在应用管理中点击创建新应用
uniapp开发app中配置高德地图定位流程_第1张图片
输入并选择你的应用类型,创建完应用后,添加key
QQ截图20210204111240.png

选择并输入你的应用信息

key名称可以自定义填写
服务平台选择(这里以)安卓为例
填写安全码、应用包名等信息,完成后提交
uniapp开发app中配置高德地图定位流程_第2张图片
创建完成之后拿到生成的key
QQ截图20210204111727.png

项目文件中配置高德定位

HBuliderX编辑器中,在项目根目录打开manifest.json这个文件
uniapp开发app中配置高德地图定位流程_第3张图片
APP模块配置中在定位中选择高德地图,并填入对应的key信息

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

uniapp开发app中配置高德地图定位流程_第4张图片

点击运行 =>运行到手机或模拟器 => 制作自定义调试基座
填写自己的信息,证书文件信息等,进行打包
uniapp开发app中配置高德地图定位流程_第5张图片

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

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

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

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

你可能感兴趣的:(uni-app,高德定位,uni-app,定位)