uni-app微信小程序端获取定位

小编直接上代码吧,这个不好说,uni-app也用到了微信小程序的代码块,小编没学过原生小程序开发,一直使用uni-app来开发小程序的程序。

这套代码在微信小程序开发工具里是不准的,大概偏离0-30公里左右,用手机预览或者真机测试的时候是偏离1公里左右。

小编测试过了,在微信小程序中是不需要用户确定的,这套代码是自动获取定位的。

 

在uni-app里的 manifest.json -> 微信小程序配置找到微信小程序权限配置 -> 位置定位(打勾,内容随便写点),如下

<template>
	<view>
		我的位置:{{Areaaddress}}
	</view>
</template>
<script>
	export default {
	   data() {
			return {
				Areaaddress:'' //当前位置
			}
		},
		//自动点击 getLocationInfo 事件
		mounted:function(){
			this.getLocationInfo();
		},
		methods: {
			//获取地理位置
			getLocationInfo(){
				var _this=this;
				uni.getLocation({
					data:{
						type: 'wgs84',
					},
					success (res) {
						let latitude = res.latitude.toString();
						let longitude = res.longitude.toString();
						uni.request({
							url:'http://apis.map.qq.com/ws/geocoder/v1/?location='+latitude+','+longitude+'&key=MVGBZ-R2U3U-W5CVY-2PQID-AT4VZ-PDF35',
							success(re) {
								console.log(re)	   
								_this.Areaaddress  = re.data.result.address;
							 }
						});
					}
				});
			}
		}
	}
</script>

<style>
</style>

效果图如下:

希望这边文章对您有帮助

本站资源除特别声明外,转载文章请声明文章出处
东泰博客 » uni-app微信小程序端获取定位

发表评论

切图仔日常笔记博客