微信小程序使用wx.chooseLocation開發(fā)地圖怎么做
一、申請開通
在小程序管理后臺,「開發(fā)」-「開發(fā)管理」-「接口設(shè)置」中開通該接口權(quán)限,否則可能審核不通過
二、用法
1、配置地理位置用途說明
app.json中:
"permission": { "scope.userLocation": { "desc": "你的位置信息將用于小程序位置接口的效果展示" } }
2.聲明需配置的接口
如果小程序中用到了上述接口,都需要在app.json中進(jìn)行配置,否則上線成功后也用不了這個功能
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("獲取位置信息失敗,請返回重試") }, //接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會執(zhí)行) complete: function (info) { console.log("完成") }, })
4.根據(jù)坐標(biāo)位置顯示地圖導(dǎo)航
wx.openLocation({ //當(dāng)前經(jīng)緯度 latitude: 31.232091, longitude: 121.493491, //縮放級別默認(rèn)18,縮放比例為5-18 scale: 18, //位置名 name: '外灘', //詳細(xì)地址 address: '上海市上海市黃浦區(qū)延安東路與中山東二路交叉口東南', //成功打印信息 success: function (res) { }, //失敗打印信息 fail: function (err) { wx.showToast({ title: '調(diào)用地圖失敗,請返回重試', }) }, })
5.選擇位置
wx.chooseLocation({ success: function (res) { console.log(res); }, fail: function () { }, complete: function () { } })
到此這篇關(guān)于微信小程序使用wx.chooseLocation開發(fā)地圖流程介紹的文章就介紹到這了,更多相關(guān)小程序開發(fā)地圖內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章

用Javascript實現(xiàn)發(fā)送短信驗證碼間隔功能

如何通過js實現(xiàn)圖片預(yù)覽功能【附實例代碼】

javascript實現(xiàn)禁止復(fù)制網(wǎng)頁內(nèi)容匯總