前言
提示:准备需要的材料:
提示:以下是本篇文章正文内容,下面案例可供参考
一、前往高德平台准备账号?
提示:进入到官网后如图所示,有账号直接登录没有注册即可
二、获取高德地图的keys
1.keys的生成
-
进入应用展示页
-
创建应用名称
-
添加key
-
添加成功后
走到这一步 高德keys就生成了
三、下载高德 微信小程序插件
`提示:期初我以为是错的,饶了一会,这里面大胆的尝试不行重新开始`
下载下来后引进去就可以使用的
四.代码实现
1.uniApp 环境 配置 跟着图片一步步来即可
2.代码实现
import amap from '../../common/amap-wx.js'; //引入高德微信小程序版sdk
onLoad(){
that.amapPlugin = new amap.AMapWX({
key: that.gdKeys
})
}
methods: {
// 获取用户位置授权方法
getRegeo() {
const _this = this;
uni.showLoading({
title: '获取信息中'
});
_this.amapPlugin.getRegeo({
success: (data) => {
console.log(999);
console.table(data[0], '当前定位')
_this.addressName = data[0].name;
uni.hideLoading();
},
fail: (err) => {
console.log(999, '》》》》》》》》》》》》》');
console.log(err)
}
});
},
}
总结
提示:到这里这个功能也就实现了。
要相信自己,每一步都是对的,不行的话重新来 加油