本文實例講述了微信小程序?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ào)用需要獲得用戶的scope.userLocation授權(quá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à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ào)用還需要獲得用戶的scope.userLocation授權(quán)：
選擇位置頁面如下：
選擇一個位置，點擊右上角確定，返回信息如下：
（經(jīng)、緯度使用 gcj02 國測局坐標(biāo)系）
希望本文所述對大家微信小程序開發(fā)有所幫助。
新聞熱點
疑難解答
