微信小程序?qū)W習(xí)筆記之獲取位置信息操作圖文詳解
本文實(shí)例講述了微信小程序?qū)W習(xí)筆記之獲取位置信息操作。分享給大家供大家參考,具體如下:
前面介紹了微信小程序文件上傳、下載操作。這里分析一下獲取位置信息操作。
【獲取當(dāng)前位置信息】wx.getLocation()
getlocation.wxml:
<view> <button bindtap="getlocation">獲取位置</button> </view>
getlocation.js:
Page({ getlocation: function () { wx.getLocation({ type: 'wgs84', //wgs84返回gps坐標(biāo),gcj02返回國測局坐標(biāo) success: function(res) { console.log(res) } }) } })
點(diǎn)擊獲取位置按鈕,首次調(diào)用需要獲得用戶的scope.userLocation
授權(quán):
點(diǎn)擊確定,獲得位置信息:
【使用微信內(nèi)置地圖查看位置】 wx.openLocation()
openlocation.wxml:
<view> <button bindtap="openlocation">地圖位置</button> </view>
openlocation.js:
Page({ openlocation: function () { //首先調(diào)用wx.getLocation獲得當(dāng)前位置經(jīng)緯度 wx.getLocation({ type: 'gcj02', //wx.openLocation可用坐標(biāo)系 success(res) { const latitude = res.latitude const longitude = res.longitude wx.openLocation({ latitude, //緯度 longitude, //經(jīng)度 scale: 18, //縮放比例:5~18 name: '北京', //位置名 address: '挺好', //地址詳細(xì)說明 success: function (res) { console.log(res) } }) } }) } })
點(diǎn)擊地圖位置按鈕,首次調(diào)用也需要獲得用戶的scope.userLocation
授權(quán):
打開地圖獲得位置如下:
返回成功信息:
【打開地圖 選擇位置】 wx.chooseLocation()
chooselocation.wxml:
<view> <button bindtap="chooselocation">選擇位置</button> </view>
chooselocation.js:
Page({ chooselocation: function () { wx.chooseLocation({ success: function (res) { console.log(res) } }) } })
點(diǎn)擊選擇位置按鈕,首次調(diào)用還需要獲得用戶的scope.userLocation
授權(quán):
選擇位置頁面如下:
選擇一個(gè)位置,點(diǎn)擊右上角確定,返回信息如下:
(經(jīng)、緯度使用 gcj02 國測局坐標(biāo)系)
希望本文所述對大家微信小程序開發(fā)有所幫助。
- 微信小程序--獲取用戶地理位置名稱(無須用戶授權(quán))的方法
- 微信小程序 獲取當(dāng)前地理位置和經(jīng)緯度實(shí)例代碼
- 微信小程序之獲取當(dāng)前位置經(jīng)緯度以及地圖顯示詳解
- 微信小程序 滾動(dòng)到某個(gè)位置添加class效果實(shí)現(xiàn)代碼
- 微信小程序開發(fā)之好友列表字母列表跳轉(zhuǎn)對應(yīng)位置
- 微信小程序?qū)崿F(xiàn)點(diǎn)擊按鈕移動(dòng)view標(biāo)簽的位置功能示例【附demo源碼下載】
- 微信小程序用戶位置權(quán)限的獲取方法(拒絕后提醒)
- 微信小程序?qū)崿F(xiàn)獲取自己所處位置的經(jīng)緯度坐標(biāo)功能示例
- 微信小程序使用map組件實(shí)現(xiàn)檢索(定位位置)周邊的POI功能示例
- 微信小程序位置授權(quán)處理方法
相關(guān)文章
JavaScript實(shí)現(xiàn)動(dòng)態(tài)留言板
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)動(dòng)態(tài)留言板,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03js中g(shù)etter和setter用法實(shí)例分析
這篇文章主要介紹了js中g(shù)etter和setter用法,結(jié)合實(shí)例形式分析了javascript中g(shù)etter和setter的功能、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-08-08url傳遞的參數(shù)值中包含&時(shí),url自動(dòng)截?cái)鄦栴}的解決方法
下面小編就為大家?guī)硪黄猽rl傳遞的參數(shù)值中包含&時(shí),url自動(dòng)截?cái)鄦栴}的解決方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08?javascript數(shù)組中的slice方法和join??方法
這篇文章主要介紹了?javascript數(shù)組中的slice方法和join??方法,文章內(nèi)容介紹詳細(xì),具有一的參考價(jià)值,需要的小伙伴可以參考一下,希望對你的學(xué)習(xí)有所幫助2022-03-03JS實(shí)現(xiàn)很酷的EMAIL地址添加功能實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)很酷的EMAIL地址添加功能,實(shí)例分析了javascript操作text文本的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02javascript 觸發(fā)HTML元素綁定的函數(shù)
只能觸發(fā)函數(shù)的執(zhí)行,并不能完全模擬出實(shí)際的點(diǎn)擊。2010-09-09JavaScript使用math.js進(jìn)行精確計(jì)算操作示例
這篇文章主要介紹了JavaScript使用math.js進(jìn)行精確計(jì)算操作,結(jié)合實(shí)例形式分析了開源庫math.js進(jìn)行高精度數(shù)學(xué)運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2018-06-06