美文网首页
小程序之获取当前城市名

小程序之获取当前城市名

作者: pzmpzm | 来源:发表于2018-08-01 09:43 被阅读0次

1、根据腾讯api定位(http://lbs.qq.com/uri_v1/guide-mobile.html

url:https://apis.map.qq.com/ws/geocoder/v1/?location=${latitude},${longitude}&key=${app.globalData.tencentMapKey}
// latitude longitude 可以根据小程序的 wx.getLocation 获取
// app.globalData.tencentMapKey  自己在腾讯地图api的key

2、依据小程序的 wx.getLocation方法

/*
1、 app.globalData.defaultCity    在小程序app.js中先注册好的
2、app.globalData.defaultCounty
3、county
4、location
   globalData:{
        defaultCity:"",
        defaultCounty:""
    }

  county  location先在data里面注册
*/
  getLocation:function(){
    var that = this;
    wx.getLocation({
      success: function(res) {
        let latitude = res.latitude;
        let longitude = res.longitude;
        wx.request({
          url: `https://apis.map.qq.com/ws/geocoder/v1/?location=${latitude},${longitude}&key=${app.globalData.tencentMapKey}`,
          success:res=>{
            app.globalData.defaultCity = app.globalData.defaultCity ? app.globalData.defaultCity : res.data.result.ad_info.city;
            app.globalData.defaultCounty = app.globalData.defaultCounty ? app.globalData.defaultCounty : res.data.result.ad_info.district;
            that.setData({
              location: app.globalData.defaultCity,  //省份
              county: app.globalData.defaultCounty //城市
            });
           
          }
        })
      },
    })
  },

3、在小程序onLoad中调用 方法 getLocation()

  onLoad:function(){
    this.getLocation();
  }

4、显示

 {{location}}{{county}}

相关文章

  • 小程序之获取当前城市名

    1、根据腾讯api定位(http://lbs.qq.com/uri_v1/guide-mobile.html) 2...

  • 小程序获取用户所在城市(使用云函数)

    这次超人鸭要讲的是,如何在小程序中获取用户所在的位置,得到城市名。在小程序中,有个api可以获取到用户的地理位置:...

  • 小程序 逆地址解析

    小程序官方文档提供可以获取当前城市的经纬度,但是当前城市 还是要自己去逆向解析。获取经当前地址小程序官方文档:ht...

  • 小程序获取当前城市

    小程序获取当前城市使用的是腾讯地图api,设置key权限的时候输入小程序的id 开发不校验域名,发布设置白名单

  • uni-app获取当前位置

    uniapp获取当前城市: uni.getLocation() 获取当前的地理位置、速度。 在微信小程序中,当用户...

  • 小程序知识点汇总

    getApp() 方法 小程序提供了全局的 getApp() 方法,可获取当前小程序实例,一般用于在子页面中获取顶...

  • 腾讯地图 -> 地址定位 CityService

    地址定位 地址定位 CityService 根据城市名称、经纬度、IP地址(支持自动获取用户IP)、电话区号获取城...

  • 小程序定位,获取当前城市

    要获得腾讯位置服务的支持 1.http://lbs.qq.com 注册完善邮箱 2. 3.

  • 小程序onShow获取options的参数

    onShow()不接受参数,但是可以通过小程序页面栈获取optins参数 1.获取当前小程序的页面栈—数组 长度最...

  • wxmp_notes

    调试: this.getApp() 小程序实例 this.getCurrentPages() 获取当前页面栈的实例...

网友评论

      本文标题:小程序之获取当前城市名

      本文链接:https://www.haomeiwen.com/subject/sjklvftx.html