折翼天使资源社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 32|回复: 0

[文档教程] 微信小程序实现根据用户地址来获取城市名称

[复制链接]

7084

主题

7469

帖子

285

积分

网站编辑

Rank: 8Rank: 8

天使之心
0
注册时间
2013-8-22
发表于 2018-11-23 11:22:32 | 显示全部楼层 |阅读模式
微信小程序中如何根据用户的地址获取到具体的城市地点名称呢?

以下是实现方法:
html部分:
  1. [color=#333333][size=14px]{{userCity}}[/size][/color]
复制代码
复制代码
js部分:获取地址后传给
  1. data: {
  2. //------------------------------------------swiper design
  3. userCity: "北京市",
  4. },
  5. get_user_address: function () {
  6. let that = this;
  7. wx.getLocation({
  8. type: 'gcj02', //返回可以用于wx.openLocation的经纬度
  9. success: function (res) {
  10. var latitude = res.latitude
  11. var longitude = res.longitude
  12. console.log(res.latitude, res.longitude)
  13. iFunctions._getCityName(res.latitude, res.longitude, that);
  14. }
  15. })
  16. },
复制代码
复制代码
var iFunctions = {}; 里定义了下面一个函数
  1. _getCityName: function (latitude, longitude, that) {
  2. wx.request({
  3. url: 'https://apis.map.qq.com/ws/geocoder/v1/?location=' + latitude + ',' + longitude + '&key=SB7BZ-6VKHO-LX4WZ-S2H4X-3DBG5-BCBLE',
  4. data: {},
  5. success: function (res) {
  6. // console.log("逆地址解析", res);
  7. // console.log("逆地址解析", res.data.result.address_component.city);
  8. that.setData({
  9. userCity: res.data.result.address_component.city
  10. });
  11. },
  12. fail: function (res) {
  13. }
  14. })
  15. }
复制代码
复制代码
方法很简单,直接调用腾讯地图解析就能获得具体的城市名称。