【微信小程序一键导航】

最新推荐文章于 2024-08-14 09:20:05 发布

你要开心点知道吗

最新推荐文章于 2024-08-14 09:20:05 发布

阅读量305

点赞数 10

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/m0_69315397/article/details/141169759

版权

第一步：申请用户位置权限（去微信公众平台申请申请对应的权限）位置 / wx.getLocation (qq.com)

第二步：在manifest.json的"mp-weixin"中加入这段代码：

"permission" : {
            "scope.userLocation" : {
                "desc" : "位置权限"
            },
            "scope.userFuzzyLocation" : {
                "desc" : "你的位置信息将用于小程序位置接口的效果展示"
            }
        },
        "requiredPrivateInfos" : [ "getLocation", "chooseLocation" ]

第三步：获取用户自身位置：

getAdress() {
				uni.getLocation({
					geocode: true,
					type: 'gcj02',
					isHighAccuracy: true, //开启高精度定位
					success: (res) => {
						this.longitude = res.longitude
						this.latitude = res.latitude
					},
					fail: (res) => {
						this.$api.msg(res)
					}
				});
			},

第四步：调用api跳转到微信内置地图：注意：latitude和longitude必须为数字型，否则wx.openLocation不生效。

goMap(items) {
				let latitude = Number(items.latitude)
				let longitude = Number(items.longitude)
				uni.openLocation({
					latitude: latitude,
					longitude: longitude,
					// 支付宝小程序必须要name和address
					name: items.name,
					// address: this.info.province_name + this.info.city_name + this.info.area_name + this.info.address,
					scale: 28
				})
			},