在小程序中通過經(jīng)緯度來獲取所在省市區(qū)名字,這個功能還是挺有意思的，小程序中竟然不直接返回所在省市區(qū)，只提供經(jīng)緯度，還需要騰訊地圖來獲取，還是有點(diǎn)小坑的，不注意的話很容易出問題。廢話不多說，請看下文。

wx.getLocation() 獲取經(jīng)緯度

1.使用騰訊地圖，申請開發(fā)者賬號，申請key,綁定使用小程序，常規(guī)操作，沒啥大問題。
提供騰訊地圖申請鏈接：（https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview）

2.注意：安全域名設(shè)置，在“設(shè)置” -> “開發(fā)設(shè)置”中設(shè)置request合法域名，添加https://apis.map.qq.com

image.png

準(zhǔn)備工作做完
開始引入map地圖js庫，請看實(shí)例，此案例為小程序中。

 const qqMap = require('../../utils/qqmap-wx-jssdk.min.js')
Page({
 onLoad: function (options) {
  wx.getLocation({
      type: 'wgs84',
      altitude: false,
      success: (result) => {
            that.getOnlineDistrict(result.latitude, result.longitude)
          },
     });
  },

//這里調(diào)用騰訊地圖api 獲取用戶位置所在區(qū)
getOnlineDistrict(latitude, longitude) {
    var that = this;
    var map = new qqmap({
      key: 'PLUBZ-U3CRX-25I4F-ZW5YC-HSCWO-KKBQ2'
    })
    //通過這個方法來實(shí)現(xiàn)經(jīng)緯度反推省市區(qū)
    map.reverseGeocoder({
      location: {
        latitude: latitude,
        longitude: longitude
      },
      success: function (res) {
        console.log(res)
     }
    })
  }
)}

輸出結(jié)果：

image.png

總結(jié)：在小程序中有特定的地圖庫qqmap-wx-jssdk.min.js,通過這個js庫可以實(shí)現(xiàn)很多的功能，比如街道，酒店，KTV等等，總結(jié)下希望能幫助到大家。