Net微信網(wǎng)頁開發(fā)怎么使用微信JS-SDK獲取當(dāng)前地理位置

這篇文章給大家分享的是有關(guān)Net微信網(wǎng)頁開發(fā)怎么使用微信JS-SDK獲取當(dāng)前地理位置的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

前言：

前段時間有一個關(guān)于通過獲取用戶當(dāng)前經(jīng)緯度坐標(biāo)，計(jì)算出該用戶距離某指定地點(diǎn)之間的距離。因?yàn)樽鲞@個項(xiàng)目需要能夠獲取到比較精確的經(jīng)緯度坐標(biāo)，剛開始使用的是百度地圖結(jié)果發(fā)現(xiàn)百度地圖地位不太準(zhǔn)確（有時候相差的比較的大，后來了解到了百度獲取用戶經(jīng)緯度與用戶當(dāng)前使用的網(wǎng)絡(luò)有很大的關(guān)系），后來換成了高德地圖結(jié)果還是一樣。最后我想剛好做的是個微信網(wǎng)站項(xiàng)目，為什么不使用微信自帶接口呢？所以最后使用了微信JS-SDK來獲取用戶當(dāng)前地理位置的接口。

微信JS-SDK的使用步驟，配置信息的生成獲取講解：

關(guān)于JS-SDK的使用步驟和timestamp(時間戳)，nonceStr(隨機(jī)串)，signature(簽名)，access_token(接口調(diào)用憑據(jù))生成獲取的詳細(xì)說明在此：https://www.cnblogs.com/Can-daydayup/p/11124092.html

前往微信公眾平臺查看是否開通獲取用戶地理位置接口權(quán)限：

調(diào)用微信JS-SDK獲取地理位置接口，獲取用戶當(dāng)前準(zhǔn)確經(jīng)緯度坐標(biāo)：

微信官方文檔使用說明：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#35

< script type = "text/javascript" >
//通過config接口注入權(quán)限驗(yàn)證配置
wx.config({
  debug: false,
  // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會通過log打出，僅在pc端時才會打印。
  appId: 'your AppId',
  // 必填，公眾號的唯一標(biāo)識
  timestamp: 'your timestamp',
  // 必填，生成簽名的時間戳
  nonceStr: 'your nonceStr',
  // 必填，生成簽名的隨機(jī)串
  signature: 'your signature',
  // 必填，簽名
  jsApiList: ['getLocation'] // 必填，需要使用的JS接口列表
});

//注意，我們的經(jīng)緯度坐標(biāo)是要在頁面加載完成后立即獲取，不需要觸發(fā)獲取，因此需要把獲取地理位置的接口放在ready(function(){});里面
wx.ready(function() {
  try {
    wx.getLocation({
      type: 'wgs84',
      // 默認(rèn)為wgs84的gps坐標(biāo)，如果要返回直接給openLocation用的火星坐標(biāo)，可傳入'gcj02'
      success: function(res) {

        var latitude = res.latitude; // 緯度，浮點(diǎn)數(shù)，范圍為90 ~ -90
        var longitude = res.longitude; // 經(jīng)度，浮點(diǎn)數(shù)，范圍為180 ~ -180。
        var speed = res.speed; // 速度，以米/每秒計(jì)
        var accuracy = res.accuracy; // 位置精度
        $("#Longitude").val(longitude);
        $("#Latitude").val(latitude);
        alert("微信經(jīng)緯度獲取結(jié)果：" + latitude + "經(jīng)度" + longitude);
      }
    });
  } catch(e) {
    console.log(e);
  }
}); < /script>/

授權(quán)公眾號，獲取當(dāng)前地理位置：

感謝各位的閱讀！關(guān)于“Net微信網(wǎng)頁開發(fā)怎么使用微信JS-SDK獲取當(dāng)前地理位置”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！