天天看點

微信小程式——擷取位置(二),百度地圖、高德地圖篇

在擷取位置資訊的時候,除了騰訊地圖,我們還可以選擇更多别的地圖,比如百度、高德等。和使用騰訊地圖一樣,使用這兩家地圖也需要經過新增賬號、申請開發秘鑰、下載下傳SDK者三個步驟,具體操作和騰訊地圖篇大同小異,不做過多介紹,隻提供官網連結:

百度地圖開發者平台:http://lbsyun.baidu.com/

高德地圖開發者平台:https://lbs.amap.com/

同樣,我們需要引入相應的SDK,使用require引入。

百度地圖擷取使用者位置代碼如下:

//引入百度地圖
var bMap=require('../../mapLib/bmap-wx.min.js');
var bmapAk;

//百度地圖
 baiduLocation:function(){
    var that=this;
    //初始化
    bmapAk = new bMap.BMapWX({
      ak:'申請的百度地圖ak'
    })
    bmapAk.regeocoding({
      success:function(e){
        console.log(e);
        var address=e.wxMarkerData[0].address;
        that.setData({
          baidulocation:address
        })
      }
    })
  },

           

高德地圖擷取使用者位址如下:

//引入高德地圖
var aMap=require('../../mapLib/amap-wx.js');
var amapKey;

//高德地圖
  gaodeLocation:function(){
    var that=this;
    //初始化
    amapKey = new aMap.AMapWX({
      key:'高德地圖key'
    })
    amapKey.getRegeo({
      success:function(e){
        console.log(e);
        var address= e[0].regeocodeData.formatted_address;
        that.setData({
          gaodelocation: address
        })
      }
    })
  }
           

百度地圖和高德地圖擷取使用者位址不需要調用wx.getLocation,和騰訊地圖一樣,傳回值為位置資訊的參數不止一個,官方文檔也沒有具體解釋每個參數,但我們還是可以通過印success的傳回值來檢視每個參數。

在做示例的過程中,我發現騰訊版支援的功能更多一點,但是百度和高德的精确度貌似更高,關于三種擷取位置方法的優劣,隻有經過大量實戰之後才能确定,每個人都會得到自己的答案,歡迎各位大佬吐槽交流