微信小程序使用wx.chooseLocation開發(fā)地圖怎么做
一、申請(qǐng)開通
在小程序管理后臺(tái),「開發(fā)」-「開發(fā)管理」-「接口設(shè)置」中開通該接口權(quán)限,否則可能審核不通過
二、用法
1、配置地理位置用途說明
app.json中:
"permission": {
"scope.userLocation": {
"desc": "你的位置信息將用于小程序位置接口的效果展示"
}
}
2.聲明需配置的接口

如果小程序中用到了上述接口,都需要在app.json中進(jìn)行配置,否則上線成功后也用不了這個(gè)功能
app.json中:
"requiredPrivateInfos": ["getLocation", "chooseLocation", "chooseAddress"]
3.獲取當(dāng)前位置
wx.getLocation({
// wgs84 返回 gps 坐標(biāo),gcj02 返回可用于wx.openLocation的坐標(biāo)
type: 'gcj02',
//獲取位置成功
success: function (res) {
console.log(res) //獲取的的當(dāng)前位置的詳細(xì)信息,包含需要的坐標(biāo)
},
//獲取位置失敗
fail: function (err) {
console.log("獲取位置信息失敗,請(qǐng)返回重試")
},
//接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會(huì)執(zhí)行)
complete: function (info) {
console.log("完成")
},
})
4.根據(jù)坐標(biāo)位置顯示地圖導(dǎo)航
wx.openLocation({
//當(dāng)前經(jīng)緯度
latitude: 31.232091,
longitude: 121.493491,
//縮放級(jí)別默認(rèn)18,縮放比例為5-18
scale: 18,
//位置名
name: '外灘',
//詳細(xì)地址
address: '上海市上海市黃浦區(qū)延安東路與中山東二路交叉口東南',
//成功打印信息
success: function (res) {
},
//失敗打印信息
fail: function (err) {
wx.showToast({
title: '調(diào)用地圖失敗,請(qǐng)返回重試',
})
},
})
5.選擇位置
wx.chooseLocation({
success: function (res) {
console.log(res);
},
fail: function () {
},
complete: function () {
}
})
到此這篇關(guān)于微信小程序使用wx.chooseLocation開發(fā)地圖流程介紹的文章就介紹到這了,更多相關(guān)小程序開發(fā)地圖內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
用Javascript實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼間隔功能
如何通過js實(shí)現(xiàn)圖片預(yù)覽功能【附實(shí)例代碼】
javascript實(shí)現(xiàn)禁止復(fù)制網(wǎng)頁內(nèi)容匯總

