小程序中定位功能的实现

1.通过wx.getLocation获取经纬度

通过调用小程序自带的API wx.getLocation获取用户当前位置的地理坐标

wx.getLocation({
	type: 'gcj02', //返回可以用于wx.openLocation的经纬度
	    success(res) {
	    console.log(res)
                }
          })

2.借助腾讯位置服务的逆地址解析,获取用户所在地信息

具体流程如下:

小程序中定位功能的实现_第1张图片

 微信小程序JavaScript SDK | 腾讯位置服务

3.服务接口配置

		onLoad() {
			var that = this
            // 配置接口秘钥参数
			var QQMapWX = require('utils/qqmap-wx-jssdk.min.js'),
				 qqmapsdk = new QQMapWX({
					key: 'O7QBZ-5ZTL4-IBRUT-DOPEZ-D3JOV-L2FLA' // 必填
				});

			wx.getLocation({
				type: 'gcj02', //返回可以用于wx.openLocation的经纬度
				success(res) {
					console.log(res)
					qqmapsdk.reverseGeocoder({
						//位置坐标,默认获取当前位置,非必须参数
						//Object格式
						location: {
							latitude: res.latitude,
							longitude: res.longitude
						},
						//成功后的回调
						success: r => {
							console.log(r.result.address_component);
							that.location = r.result.address_component
							console.log(that.location)
						}
					})
				}
			})
		},

                                                                                                                                                以上

你可能感兴趣的:(前端,微信小程序)