需求:uniapp开发的微信小程序首页需要显示城市名称
需要用到高德地图的逆地理编码
需要当前地理位置的经纬度
小程序的key值

uni.getLocation({
    type: 'gcj02', //返回可以用于uni.openLocation的经纬度
    success:(res)=>{
		let that=this
        const latitude = res.latitude;
        const longitude = res.longitude;
		console.log(res)
        uni.request({
			header:{
				"Content-Type": "application/text"
			},
			//注意:这里的key值需要高德地图的 web服务生成的key  只有web服务才有逆地理编码
			url:'https://restapi.amap.com/v3/geocode/regeo?output=JSON&location='+res.longitude+','+res.latitude+'&key=280802ed0116fef931dbcf5e7e9278d7&radius=1000&extensions=all',
			success(re) {
				console.log(re)
				if(re.statusCode===200){
					that.citydata=re.data.regeocode.addressComponent.city
					console.log("获取中文街道地理位置成功",that.citydata)
					
				}else{
					console.log("获取信息失败,请重试!")
				}
			 }
		});
    }
});

在这里插入图片描述

在这里插入图片描述

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐