微信小程序中如何獲取位置信息

這篇文章給大家分享的是有關微信小程序中如何獲取位置信息的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

前面介紹了微信小程序文件上傳、下載操作。這里分析一下獲取位置信息操作。

【獲取當前位置信息】wx.getLocation()

getlocation.wxml：

<view>
 <button bindtap="getlocation">獲取位置</button>
</view>

getlocation.js：

Page({
 getlocation: function () {
  wx.getLocation({
   type: 'wgs84', //wgs84返回gps坐標，gcj02返回國測局坐標
   success: function(res) {
    console.log(res)
   }
  })
 }
})

點擊獲取位置按鈕，首次調用需要獲得用戶的scope.userLocation授權：

點擊確定，獲得位置信息：

【使用微信內置地圖查看位置】 wx.openLocation()

openlocation.wxml：

<view>
 <button bindtap="openlocation">地圖位置</button>
</view>

openlocation.js：

Page({
 openlocation: function () {
  //首先調用wx.getLocation獲得當前位置經緯度
  wx.getLocation({
   type: 'gcj02', //wx.openLocation可用坐標系
   success(res) {
    const latitude = res.latitude
    const longitude = res.longitude
    wx.openLocation({
     latitude, //緯度
     longitude, //經度
     scale: 18, //縮放比例:5~18
     name: '北京', //位置名
     address: '挺好', //地址詳細說明
     success: function (res) {
      console.log(res)
     }
    })
   }
  })
 }
})

點擊地圖位置按鈕，首次調用也需要獲得用戶的scope.userLocation授權：

打開地圖獲得位置如下：

返回成功信息：

【打開地圖 選擇位置】 wx.chooseLocation()

chooselocation.wxml：

<view>
 <button bindtap="chooselocation">選擇位置</button>
</view>

chooselocation.js：

Page({
 chooselocation: function () {
  wx.chooseLocation({
   success: function (res) {
    console.log(res)
   }
  })
 }
})

點擊選擇位置按鈕，首次調用還需要獲得用戶的scope.userLocation授權：

選擇位置頁面如下：

選擇一個位置，點擊右上角確定，返回信息如下：

 （經、緯度使用 gcj02 國測局坐標系）

感謝各位的閱讀！關于“微信小程序中如何獲取位置信息”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！