首先寫出三個按鈕通過點選事件來觸發

<button class='button-function' type='primary' bindtap='chaKan'>檢視</button>
<button class='button-function' type='primary' bindtap='huoQu'>獲取</button>
<button class='button-function' type='primary' bindtap='xuanZe'>選擇</button>

按鈕之間新增一些距離

.button-function{
  margin: 20rpx 20rpx 0 20rpx;
}
 

1、獲取當前位置的方法

這是點選獲取按鈕獲取到的資訊，這個方法只會獲取到經緯度資訊，不會開啟地圖，

huoQu: function(e) {
    wx.getLocation({
      success: function (res) {
        console.log(res);
      },
    })
},

列印結果如下：

latitude: 31.38475,和longitude: 120.98181,是經緯度資訊

2、檢視當前位置的方法

這是點選檢視按鈕獲取到的資訊，這個方法會開啟地圖，並顯示當前位置

chaKan: function (e) {
    wx.openLocation({
      latitude: 31.38475,
      longitude: 120.98181,
    })
},
 

上邊方法裡的經緯度就是剛才獲取的經緯度

以下是點選檢視按鈕開啟的地圖：

3、點選選擇按鈕

點選選擇按鈕會自動開啟地圖並獲取到當前位置，還帶有搜尋功能

xuanZe: function (e) {
    wx.chooseLocation({
      success: function (res) {
        console.log(res);
      }
    })
},

上邊是點選選擇按鈕開啟地圖的方法

以下是開啟的地圖：

以下是選擇位置後點擊右上角確定按鈕列印的資訊：

獲取到的引數賦值問題

賦值報錯setData of null

解決辦法：

將this賦值that，如下：