本人也是一個小白,第一次寫文章,想鍛鍊一下自己,同時也記錄一下自己在學習中解決的一些問題
在微信小程式中獲取當前位置,用的是一個第三方的(聚合資料)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>