微信小程序?qū)W習(xí)筆記之獲取位置信息操作圖文詳解
本文實例講述了微信小程序?qū)W習(xí)筆記之獲取位置信息操作。分享給大家供大家參考,具體如下:
前面介紹了微信小程序文件上傳、下載操作。這里分析一下獲取位置信息操作。
【獲取當(dāng)前位置信息】wx.getLocation()
getlocation.wxml:
<view> <button bindtap="getlocation">獲取位置</button> </view>
getlocation.js:
Page({
getlocation: function () {
wx.getLocation({
type: 'wgs84', //wgs84返回gps坐標(biāo),gcj02返回國測局坐標(biāo)
success: function(res) {
console.log(res)
}
})
}
})
點擊獲取位置按鈕,首次調(diào)用需要獲得用戶的scope.userLocation授權(quán):

點擊確定,獲得位置信息:

【使用微信內(nèi)置地圖查看位置】 wx.openLocation()
openlocation.wxml:
<view> <button bindtap="openlocation">地圖位置</button> </view>
openlocation.js:
Page({
openlocation: function () {
//首先調(diào)用wx.getLocation獲得當(dāng)前位置經(jīng)緯度
wx.getLocation({
type: 'gcj02', //wx.openLocation可用坐標(biāo)系
success(res) {
const latitude = res.latitude
const longitude = res.longitude
wx.openLocation({
latitude, //緯度
longitude, //經(jīng)度
scale: 18, //縮放比例:5~18
name: '北京', //位置名
address: '挺好', //地址詳細(xì)說明
success: function (res) {
console.log(res)
}
})
}
})
}
})
點擊地圖位置按鈕,首次調(diào)用也需要獲得用戶的scope.userLocation授權(quán):

打開地圖獲得位置如下:

返回成功信息:

【打開地圖 選擇位置】 wx.chooseLocation()
chooselocation.wxml:
<view> <button bindtap="chooselocation">選擇位置</button> </view>
chooselocation.js:
Page({
chooselocation: function () {
wx.chooseLocation({
success: function (res) {
console.log(res)
}
})
}
})
點擊選擇位置按鈕,首次調(diào)用還需要獲得用戶的scope.userLocation授權(quán):

選擇位置頁面如下:

選擇一個位置,點擊右上角確定,返回信息如下:

(經(jīng)、緯度使用 gcj02 國測局坐標(biāo)系)
希望本文所述對大家微信小程序開發(fā)有所幫助。
- 微信小程序--獲取用戶地理位置名稱(無須用戶授權(quán))的方法
- 微信小程序 獲取當(dāng)前地理位置和經(jīng)緯度實例代碼
- 微信小程序之獲取當(dāng)前位置經(jīng)緯度以及地圖顯示詳解
- 微信小程序 滾動到某個位置添加class效果實現(xiàn)代碼
- 微信小程序開發(fā)之好友列表字母列表跳轉(zhuǎn)對應(yīng)位置
- 微信小程序?qū)崿F(xiàn)點擊按鈕移動view標(biāo)簽的位置功能示例【附demo源碼下載】
- 微信小程序用戶位置權(quán)限的獲取方法(拒絕后提醒)
- 微信小程序?qū)崿F(xiàn)獲取自己所處位置的經(jīng)緯度坐標(biāo)功能示例
- 微信小程序使用map組件實現(xiàn)檢索(定位位置)周邊的POI功能示例
- 微信小程序位置授權(quán)處理方法
相關(guān)文章
url傳遞的參數(shù)值中包含&時,url自動截斷問題的解決方法
下面小編就為大家?guī)硪黄猽rl傳遞的參數(shù)值中包含&時,url自動截斷問題的解決方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
?javascript數(shù)組中的slice方法和join??方法
這篇文章主要介紹了?javascript數(shù)組中的slice方法和join??方法,文章內(nèi)容介紹詳細(xì),具有一的參考價值,需要的小伙伴可以參考一下,希望對你的學(xué)習(xí)有所幫助2022-03-03
javascript 觸發(fā)HTML元素綁定的函數(shù)
只能觸發(fā)函數(shù)的執(zhí)行,并不能完全模擬出實際的點擊。2010-09-09

