微信嚴(yán)格了獲取客戶(hù)位置的要求,需要申請(qǐng)地理位置權(quán)限和聲明。
自 2022 年 7 月 14 日后發(fā)布的小程序,若使用地理位置接口,需要在 app.json 中進(jìn)行聲明。
申請(qǐng)時(shí)需要選擇適合的小程序類(lèi)目、填寫(xiě)需要調(diào)用接口的理由和小程序圖片或視頻(可以弄點(diǎn)兒UI設(shè)計(jì)的圖稿放進(jìn)去,顯示小程序需要該接口,同意(開(kāi)通)之后才能使用位置信息)
1.在微信公眾平臺(tái)申請(qǐng)開(kāi)通獲取地理位置的接口
2.在app.json中聲明
3.在js文件夾中使用API位置中wx.getLocation、wx.openLocation 等獲取位置信息
wx.getLocation({
type: ‘wgs84’,//wgs84為GPS全球定位,可用gcj02(中國(guó)國(guó)家測(cè)繪局),精度高些
success (res) {
const latitude = res.latitude
const longitude = res.longitude
const speed = res.speed
const accuracy = res.accuracy
}
})
這兩個(gè)獲取信息都比較少,如wx.getlocation獲取經(jīng)緯度,速度等
4.獲取經(jīng)緯度后可以用組件map展示地圖
5.還可以通過(guò)騰訊位置服務(wù)獲取經(jīng)緯度信息,地址等更全面的信息
到騰訊位置服務(wù)https://lbs.qq.com/ 的控制臺(tái)創(chuàng)建應(yīng)用、申請(qǐng)key,下載sdk或其它形式,申請(qǐng)時(shí)注意填寫(xiě)小程序APPID,下面是官方demo
// 引入SDK核心類(lèi),js文件根據(jù)自己業(yè)務(wù),位置可自行放置
var QQMapWX = require(’…/…/libs/qqmap-wx-jssdk.js’);
var qqmapsdk;
Page({
onLoad: function () {
// 實(shí)例化API核心類(lèi)
qqmapsdk = new QQMapWX({
key: '申請(qǐng)的key'
});
},
onShow: function () {
// 調(diào)用接口
qqmapsdk.search({
keyword: '酒店',
success: function (res) {
console.log(res);
},
fail: function (res) {
console.log(res);
},
complete: function (res) {
console.log(res);
}
});
}
})文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-466389.html
*地址解析要使用 qqmapsdk.reverseGeocoder,
qqmapsdk.reverseGeocoder({
success: function(res) {
console.log(res);
}
})文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-466389.html
到了這里,關(guān)于微信小程序如何獲取地理位置、地圖顯示,逆地址解析。的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!