1. 程式人生 > >微信小程式-開啟地圖選擇位置

微信小程式-開啟地圖選擇位置

 微信小程式地圖自動定位位置:

 

方法步驟如下:

1.申請獲取使用者地址的許可權;

2.開啟地圖選擇;

3.由於獲取到的地址是一串字串,所以必須通過經緯度反查地址分隔省市縣;(如不需要分隔可省略)獲取之後自動填充到表單中。

在wxml中點選觸發以下方法即可

getCenterLocation() {
    var that = this;
    wx.authorize({
      scope: 'scope.userLocation',
      complete: function (res) {
        console.log(res)
        wx.chooseLocation({
          success(str) {
            console.log(str)
            var key = 'V7DBZ-K7C22-SXXUJ-CDUE7-AM2LH-AEFCM';
            //傳送請求通過經緯度反查地址資訊
            var getAddressUrl = "https://apis.map.qq.com/ws/geocoder/v1/?location=" + str.latitude + "," + str.longitude + "&key=" + key + "&get_poi=1";
            wx.request({
              url: getAddressUrl,
              success: function (result) {
                var province = result.data.result.address_component.province;
                var city = result.data.result.address_component.city;
                var district = result.data.result.address_component.district;
                var address = result.data.result.formatted_addresses.recommend;
                console.log('省市縣:' + province + city + district)
                console.log('地址:' + address)
                that.setData({
                  "input[2].val": [province, city, district],
                  "input[3].val": address
                })
              }
            })
          }
        })
      }
    })

  },