微信小程序定位獲取當前地理位置及利用騰訊位置服務獲取城市名

文章來源： www.ctoku.com/post/5rhz3M…

應項目需求，須要定位用戶的當前位置，看了下微信小程序開發文檔，wx.getLocation就能夠獲取當前的地理位置、速度，可是返回的數據只是經緯度，並非咱們想要的位置名稱，並且將經緯度展現給用戶並非很友好。

所以咱們須要藉助別的方法將經緯度轉換爲真實的位置名稱，這裏咱們會用到騰訊位置服務。

開發步驟：

1.申請開發者密鑰（key）lbs.qq.com/console/key… 2.開通webserviceAPI服務：控制檯 -> key管理 -> 設置（使用該功能的key）-> 勾選webserviceAPI -> 保存 3.下載微信小程序JavaScriptSDK，微信小程序JavaScriptSDK v1.2 4.安全域名設置，在「設置」 -> 「開發設置」中設置request合法域名，添加https://apis.map.qq.com

引入 微信小程序JavaScriptSDK，

var QQMapWX = require('../../libs/qqmap-wx-jssdk.js');

實例化API核心類

var qqmapsdk = new QQMapWX({
  key: 'UNKBZ-Z373V-STPPW-UZW77-JLMQ6-7UFTQ' // 必填
});
複製代碼

調用微信接口

wx.getLocation({
	sucess: function(res) {
    	//獲取到經緯度
        var latitude = res.latitude
   		var longitude = res.longitude
    }
})
複製代碼

調用微信位置服務

qqmapsdk.reverseGeocoder({
    location: {
      latitude: latitude,
      longitude: longitude
    },
    success: function(location) {
      console.log(location)
      //返回真實地理位置
    },
    fail: function(error) {

    }
})
複製代碼

注意一點：必須將https://apis.map.qq.com 添加到微信小程序request合法域名中。