微信小程序 騰訊地圖SDK 獲取當(dāng)前地址實現(xiàn)解析_第1頁
微信小程序 騰訊地圖SDK 獲取當(dāng)前地址實現(xiàn)解析_第2頁
微信小程序 騰訊地圖SDK 獲取當(dāng)前地址實現(xiàn)解析_第3頁
微信小程序 騰訊地圖SDK 獲取當(dāng)前地址實現(xiàn)解析_第4頁
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認(rèn)領(lǐng)

文檔簡介

第微信小程序騰訊地圖SDK獲取當(dāng)前地址實現(xiàn)解析如何獲取用戶當(dāng)前地址，這個就要先用到小程序的定位功能:定位官方文檔

第一步獲取當(dāng)前定位

在js當(dāng)中寫

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

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

解決方法：

在app.json中增加permission屬性。

這樣就可以獲取到用戶的地理坐標(biāo)了。

第二步講當(dāng)前定位轉(zhuǎn)換程地址信息

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

官方文檔上使用SDK的步驟寫的挺詳細(xì)的，還帶上了各種鏈接：

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

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

在頁面js里引入SDK：

我們需要用到的是SKD里面的reverseGeocoder()方法，所以我們在獲取到用戶當(dāng)前坐標(biāo)后調(diào)用這個方法：

這樣就將地址坐標(biāo)轉(zhuǎn)換成了地址，在頁面上簡單展示出來：

完整代碼

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

js

/**引入SDK核心類*/

varqqSDK=require('../../apis/qqmap-wx-jssdk.min.js')

Page({

*頁面的初始數(shù)據(jù)

data:{

latitude:'',

longitude:'',

positionData:''

*生命周期函數(shù)--監(jiān)聽頁面加載

onLoad:function(options){

var_this=this

/**實例化SDK核心類*/

varqqMap=newqqSDK({

key:'3B4BZ-QHNK3-HLX34-YKUQA-YDHCV-CHFFB'//必填

/**獲取當(dāng)前坐標(biāo)*/

wx.getLocation({

success:function(res){

varlatitude=res.latitude

varlongitude=res.longitude

qqMap.reverseGeocoder({

success:function(res){

varaddress=res.result.address;

_this.setData({

latitude:latitude,

longitude:longitude,

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論