uniapp 配置chooseLocation微信小程序騰訊地圖選點(diǎn)
場(chǎng)景
在uniapp中使用地圖選點(diǎn)
搜索功能，回顯功能，移動(dòng)選點(diǎn)功能
使用到的API是uni.chooseLocation 詳細(xì)看一下都有哪些屬性
-
latitude ：目標(biāo)地緯度 Number
-
longitude ：目標(biāo)地經(jīng)度Number
-
keyword：搜索關(guān)鍵字，僅App平臺(tái)支持 String
-
success：接口調(diào)用成功的回調(diào)函數(shù) Function
- success 返回參數(shù)說(shuō)明
- name ：位置名稱(chēng)
- address：詳細(xì)地址
- latitude：緯度，浮點(diǎn)數(shù)
- longitude：經(jīng)度，浮點(diǎn)數(shù)
- success 返回參數(shù)說(shuō)明
-
fail：接口調(diào)用失敗的回調(diào)函數(shù) Function
-
complete：接口調(diào)用結(jié)束的回調(diào)函數(shù) Function
實(shí)戰(zhàn)
HTML
<view class="icon-corlor" @click="pointer">選擇地址</view>
JS：這里直接調(diào)用uni.chooseLocation API億點(diǎn)小知識(shí)：chooseLocation 屬于封裝型API，開(kāi)發(fā)者若覺(jué)得不夠靈活，可自行基于原始的 map 組件進(jìn)行封裝。插件市場(chǎng)已經(jīng)有各種封裝樣例了
pointer() {
uni.chooseLocation({
success: async function(res) {
console.log(res.address, "返回地址")
},
fail: function(e) {
console.log(e, "報(bào)錯(cuò)")
}
})
},
以上就實(shí)現(xiàn)了基本的使用
報(bào)錯(cuò) requiredPrivateInfos field
可能會(huì)報(bào)以下錯(cuò)：wx.chooseLocation need to be declared in the requiredPrivateInfos field in
這是因?yàn)樾枰趓equiredPrivateInfos中配置：
自 2022 年 7 月 14 日后發(fā)布的小程序，使用以下8個(gè)地理位置相關(guān)接口時(shí)，需要聲明該字段，否則將無(wú)法正常使用。2022 年 7 月 14 日前發(fā)布的小程序不受影響。
在微信小程序中是 app.json文件 但在uniapp中是manifest.json 我們找到源碼視圖
在代碼中配置需要的插件
"mp-weixin" : {
"appid" : "wx6a2自己的id",
"requiredPrivateInfos": [
"getLocation",
"onLocationChange",
"startLocationUpdateBackground",
"chooseAddress",
"chooseLocation"
]
}
這里還有注意的是需要去 微信公眾官方平臺(tái)開(kāi)通權(quán)限
在小程序管理后臺(tái)，「開(kāi)發(fā)」-「開(kāi)發(fā)管理」-「接口設(shè)置」中自助開(kāi)通該接口權(quán)限
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-517731.html
以上就是uniapp 配置chooseLocation微信小程序騰訊地圖選點(diǎn)感謝大家的閱讀
如碰到其他的問(wèn)題 可以私下我 一起探討學(xué)習(xí)
如果對(duì)你有所幫助還請(qǐng) 點(diǎn)贊 收藏謝謝~！
關(guān)注收藏博客 作者會(huì)持續(xù)更新…文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-517731.html
到了這里，關(guān)于uniapp 配置chooseLocation微信小程序騰訊地圖選點(diǎn)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
