// pages/lol/lol.js
Page({

  /**
   * 頁面的初始資料
   */
  data: {

  },
  modalcnt: function () {
    var that = this
    //獲取經緯度
    wx.getLocation({
      type: 'gcj02',
      success: function (res) {
        console.log(res)
        var latitude = res.latitude
        var longitude = res.longitude
        that.setData({
          wd: latitude,
          jd: longitude
        })
        //顯示模態視窗
        wx.showModal({

          title: '獲取到當前的經緯度',
          content: '經度：' + longitude + '，緯度：' + latitude,
          success: function (res) {
            if (res.confirm) {
              console.log('使用者點選確定')
            } else if (res.cancel) {
              console.log('使用者點選取消')
            }
          }
        })
      }
    })
  },

  /**
   * 生命週期函式--監聽頁面載入
   */
  onLoad: function (options) {

  },

  /**
   * 生命週期函式--監聽頁面初次渲染完成
   */


  /**
   * 生命週期函式--監聽頁面顯示
   */
  onShow: function () {

  },

  /**
   * 生命週期函式--監聽頁面隱藏
   */
  onHide: function () {

  },

  /**
   * 生命週期函式--監聽頁面解除安裝
   */
  onUnload: function () {

  },

  /**
   * 頁面相關事件處理函式--監聽使用者下拉動作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 頁面上拉觸底事件的處理函式
   */
  onReachBottom: function () {

  },

  /**
   * 使用者點選右上角分享
   */
  onShareAppMessage: function () {

  }
})

然後我們來看下效果

如果想看詳細的程式碼介紹可以上官網 https://developers.weixin.qq.com/miniprogram/dev/api/ 檢視