微信小程序获取城市位置

微信小程序获取城市位置

2020/07/28

wxml

<view>{{address}}</view>

js

// 自动定位
  XuanAdd: function() {
    var _this = this;
    wx.getLocation({
      type: 'wgs84', //百度地图参考系
      altitude: true,
      success: function(res) {
        if (res && res.latitude && res.longitude) {
          var longitude = res.longitude,
            latitude = res.latitude;
          _this.XuanAdds(longitude, latitude);
        } else {
          _this.setData({
            address: '获取失败'
          });
        }
      },
      fail: function(res) {
        _this.setData({
          address: '获取失败'
        });
      },
      complete: function(res) {}
    })
  },
  XuanAdds: function(longitude, latitude) {
    var _this = this;
    wx.request({
      url: 'https://api.map.baidu.com/geocoder/v2/?ak=自己的百度地图apk&location=' + latitude + ',' + longitude + '&output=json',
      data: {},
      header: {
        "Content-Type": 'application/json'
      },
      success: function(res) {
        if (res && res.data) {
          var city = res.data.result.addressComponent.city;
          // console.log(city);
          // console.log(city.substr(0, city.indexOf('市'))+'站');
          _this.setData({
            address:city.indexOf('市') > -1 ? city.substr(0,city.indexOf('市')) :city
          });
        } else {
          _this.setData({
            address: '获取失败'
          })
        }
      }
    })
  },
  onLoad: function(options) {
    var that = this;
    that.XuanAdd();
  },