微信小程式-開啟地圖選擇位置
阿新 • • 發佈:2018-12-06
微信小程式地圖自動定位位置:
方法步驟如下:
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 }) } }) } }) } }) },