91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

微信小程序 騰訊地圖SDK 獲取當前地址實現解析

發布時間:2020-10-02 23:24:30 來源:腳本之家 閱讀:298 作者:kevie 欄目:web開發

如何獲取用戶當前地址,這個就要先用到小程序的定位功能:定位官方文檔

第一步獲取當前定位

在js當中寫

微信小程序 騰訊地圖SDK 獲取當前地址實現解析

運行項目之后會有個這樣的彈窗:

微信小程序 騰訊地圖SDK 獲取當前地址實現解析

這是因為開發者需要說明獲取用戶地理位置的用途。

解決方法:

在app.json中增加permission屬性。

微信小程序 騰訊地圖SDK 獲取當前地址實現解析

這樣就可以獲取到用戶的地理坐標了。

第二步講當前定位轉換程地址信息

這個功能需要用到騰訊地圖SDK:官方文檔

官方文檔上使用SDK的步驟寫的挺詳細的,還帶上了各種鏈接:

微信小程序 騰訊地圖SDK 獲取當前地址實現解析

第4步的安全域名設置在你自己的小程序管理后臺里設置

以上4步都完成后,將下載好的SDK文件放到項目里。

在頁面js里引入SDK:

微信小程序 騰訊地圖SDK 獲取當前地址實現解析

我們需要用到的是SKD里面的reverseGeocoder()方法,所以我們在獲取到用戶當前坐標后調用這個方法:

微信小程序 騰訊地圖SDK 獲取當前地址實現解析

這樣就將地址坐標轉換成了地址,在頁面上簡單展示出來:

微信小程序 騰訊地圖SDK 獲取當前地址實現解析

微信小程序 騰訊地圖SDK 獲取當前地址實現解析

完整代碼

最后貼上我的js完整代碼,寫的有點小啰嗦了,如果有什么不太懂的地方歡迎加我qq一起討論下:546529770,謝謝~~

js

/**引入SDK核心類 */
var qqSDK = require('../../apis/qqmap-wx-jssdk.min.js')

Page({

 /**
  * 頁面的初始數據
  */
 data: {
  latitude: '',
  longitude: '',
  positionData: ''
 },

 /**
  * 生命周期函數--監聽頁面加載
  */
 onLoad: function(options) {
  var _this = this

  /**實例化SDK核心類 */
  var qqMap = new qqSDK({
   key: '3B4BZ-QHNK3-HLX34-YKUQA-YDHCV-CHFFB' //必填
  });

  /**獲取當前坐標 */
  wx.getLocation({
   success: function(res) {
    var latitude = res.latitude
    var longitude = res.longitude
    qqMap.reverseGeocoder({
     success: function(res) {
      var address = res.result.address;
      _this.setData({
       latitude: latitude,
       longitude: longitude,
       positionData: address
      });
     }
    })
   }
  })
 }
})

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

历史| 高邑县| 南岸区| 定边县| 微山县| 磐安县| 青铜峡市| 灯塔市| 岳阳县| 大同市| 孝昌县| 彰化市| 嘉兴市| 乳山市| 婺源县| 新营市| 卢龙县| 黎城县| 邢台市| 昌江| 乌兰县| 汶川县| 盐源县| 革吉县| 嘉祥县| 曲沃县| 武隆县| 南和县| 若羌县| 茂名市| 遵义市| 当阳市| 高碑店市| 丹棱县| 大连市| 晋宁县| 北宁市| 乌拉特前旗| 如东县| 永丰县| 洪湖市|