模板网首页 > 建站教程 > 微信 >  微信小程序中通过获取的经纬度值获取该地点所在城市信息正文

微信小程序中通过获取的经纬度值获取该地点所在城市信息

微信小程序并没有提供通过经纬度解析城市信息的方法,但是通过腾讯地图逆地址解析,可以实现:

第一步:申请腾讯地图密钥(key),申请地址:https://lbs.qq.com/

填写完成后即可获取到对应的key值。







第二步:通过小程序官方API获取用户当前位置经纬度。然后再根据腾讯Webservice API逆地址解析相关介绍,传入获取到的经纬度,以及key值,即可获取。
mounted () {
  // let app = getApp()
  let _this = this
  wx.getLocation({
  type: 'wgs84',
  success: function (res) {
    //console.log("获取当前经纬度:" + JSON.stringify(res));
    //发送请求通过经纬度反查地址信息  
    var getAddressUrl = "https://apis.map.qq.com/ws/geocoder/v1/?location=" + res.latitude + "," + res.longitude + "&key=你的key值";
    
    _this.longitude = res.longitude;
    _this.latitude = res.latitude
    wx.request({         
      url: getAddressUrl,
      success: function (result) {       
        console.log(result.data.result.address )     
        _this.locations = result.data.result.address     
      }       
    })
  }
})
第三步:运行小程序时,就能加载出地址



注:
上面的第二步的请求,可能会出现下面的返回:



即:“请求来源未被授权, 此次请求来源域名:servicewechat.com”,这时,在小程序中获取定位具体信息时,不要配置腾讯地图中的WebServiceAPI中的域名白名单什么的,域名配置直接在小程序后台中配置(https://apis.map.qq.com),

千万千万不要在设置域名白名单



正确操作是在小程序的后台设置中设置域名






0
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢