小程序开发(13)-location定位
生活随笔
收集整理的這篇文章主要介紹了
小程序开发(13)-location定位
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
今天記錄下獲取用戶位置wx.getLocation,代碼也比較簡單,所以簡單的記錄下,先看下getLocation方法,首先接收一個callback,這個callback只是方便一下,當拿到經緯度后,只調用一個函數時才傳,如果后面需要調用多個函數,那么就是通過我們return的Promise了
?
下面說下Promise里面的邏輯,首先就是判斷app.js中是否有這個經緯度,如果有的話,把這個經緯度包裝下返回給callback或resolve,否則使用wx.getLocation獲取,然后把經緯度存在全局上,再執行callback或resolve,這樣第一次調用wx.getLocation后,經緯度就在globalData上了,之后的頁面需要的話,就調用下示例代碼,就能拿到globalData上的經緯度了
#示例代碼
location.getLocation.call(this).then(res => {// 返回的經緯度this.setData({point: res})});#代碼
function getLocation(callback) {var _this = this;return new Promise((resolve, reject) => {if (app.globalData.latitude && app.globalData.longitude) {let params = {lat: app.globalData.latitude,lng: app.globalData.longitude}if (callback) {callback.call(_this, params);} else {resolve(params);}} else {wx.getLocation({type: 'gcj02',success: (res) => {console.log('用戶位置', res);let { latitude: lat, longitude: lng } = res;app.globalData.latitude = lat;app.globalData.longitude = lng;console.log(lat, lng);let params = {lat: lat,lng: lng};if (callback) {callback.call(_this, params);} else {resolve(params);}}})}}) }?
總結
以上是生活随笔為你收集整理的小程序开发(13)-location定位的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Git分支创建、合并、上传等命令
- 下一篇: 三元运算符和总结