微信小程式獲取當前位置

'同學發表於2019-01-28

本人也是一個小白,第一次寫文章,想鍛鍊一下自己,同時也記錄一下自己在學習中解決的一些問題

在微信小程式中獲取當前位置,用的是一個第三方的(聚合資料)api介面

第一步:在一個js中封裝一個函式


export function getCurrentLocation(){return new Promise(function(resolve,reject){wx.getLocation({success: function (res) {wx.request({url: `http://apis.juhe.cn/geo/?key=自己的APPKEY&lat=${res.latitude}&lng=${res.longitude}&type=1`,success: function (data) {// console.log(data)resolve(data)}})
},})})}複製程式碼

第二步:匯入到需要用這個函式的頁面的js中

import { getCurrentLocation} from "../../utils/api.js"Page({
  /**   * 頁面的初始資料   */  data: {    address:"定位中"  },複製程式碼

第三步:

 * 生命週期函式--監聽頁面初次渲染完成   */  onReady: function () {    var that = this;    getCurrentLocation().then(function(data){      // console.log(data)      that.setData({        address:data.data.result.address      })    })  },複製程式碼

第四步:渲染到頁面中

 <view class='top-left'>
{{address}}
</view>


相關文章