微信小程序獲取地理位置

這幾天接觸到關於定位的小程序,而小程序的wx.getLocation()這個只能獲取到經緯度,不能獲取到具體的地名街道,所以就用了高德地圖(百度地圖,騰訊地圖)。

首先要在高德地圖官網創建應用,然後下載api
百度地圖 騰訊地圖
百度地圖api文檔報錯了,我寫的是首頁地址基本一樣

這裏寫圖片描述
下面我們直接擼代碼


Page({
  data: {
      address:''
  },
  onLoad: function () {
      this.getLocation();
  },
  getLocation:function(){
    const that = this;
    var myAmapFun = new amapFile.AMapWX({ key: 'b9544ddd7cc459a55192507cec0277d8' });
    myAmapFun.getRegeo({
        success: function (res) {
            that.setData({
                address: res[0].regeocodeData.formatted_address
            })
        },
    })
  }, 
})

上面的key是我在我的基礎上面改的,大家千萬要用自己的啊。
還有就是要在小程序後臺添加自己使用的地圖相對應的域名,小程序最多添加兩個域名
這裏寫圖片描述
看下效果
這裏寫圖片描述
這個百度地圖和騰訊地圖就不寫了,代碼超不過10行,也都差不多,謝謝。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章