• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > 微信 >  微信小程序中通过获正文

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

作者:网页模板
类型:图文教程
点击次数:
发布时间:2019-10-15 13:49
分享到:
微信小程序并没有提供通过经纬度解析城市信息的方法,但是通过腾讯地图逆地址解析,可以实现:

第一步:申请腾讯地图密钥(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),

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



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






(责任编辑:网页模板)
  • 本文标签:
  • 微信小程序通过经纬度获取城市信息
微信小程序——自定义导航栏
微信小程序将rpx转化px