uniapp使用高德地图定位(兼容app)

1.获取Key  查看官方文档

需要:应用包名和SHA1(获取方法查看

2.配置manifest.json

3.设置安全通讯域名

登录微信公众平台,在 "设置"->"开发设置" 中设置 request 合法域名,将 https://restapi.amap.com 中添加进去

4.下载微信小程序插件 amap-wx.js地址

在创建的项目中,新建一个名为 libs 目录,将 amap-wx.js 文件拷贝到 libs 的本地目录下,完成安装。

 5.在项目中使用

import amap from '../../../libs/amap-wx.130.js'; // 导入插件
...

amapPlugin: any = null;
onLoad(option: any) {
		// 使用高德SDK
		// #ifdef APP-PLUS
		switch (uni.getSystemInfoSync().platform) {
			case 'android':
				(this as any).amapPlugin = new amap.AMapWX({
					key: ANDROID_KEY
				});
		 	break;
		}
		// #endif
		// #ifndef APP-PLUS
		(this as any).amapPlugin = new amap.AMapWX({
			key: WX_KEY
		});
		// #endif
    }
onShow() {
		// 获取当前定位
		this.get_location();
    }
get_location() {
		//高德地图定位
		uni.showLoading({
			title: '获取信息中'
		});
		this.amapPlugin.getRegeo({
			success: data => {
				// 获取当前地址
				this.addressContent = data[0].name;
				console.log(
					'当前位置的经度:' + data[0].longitude,
					'当前位置的纬度:' + data[0].latitude
				);
			},
			fail(res) {
				//解析经纬度地址
				uni.showModal({
					title: '提示',
					content: '如果您拒绝授权地址,将无法获取周围的店铺,是否打开位置授权?',
					success(res) {
						if (res.confirm) {
							console.log('用户点击确定');
							that.openSetting();
						} else if (res.cancel) {
							console.log('用户点击取消');
							// 拒绝授权返回上一页
							that.$Router.back(1);
						}
					}
				});
			}
		});
	}

  • 3
    点赞
  • 52
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值