uni-app中微信小程序端使用騰訊地圖API實(shí)現(xiàn)定位且蓬、搜索位置
uni.chooseLocation()
需求:需要點(diǎn)擊選擇地址欣硼,喚起地圖,定位當(dāng)前位置恶阴,并支持搜索地址诈胜,并回填位置信息,獲取經(jīng)緯度冯事。
剛接觸uni-app還是有點(diǎn)懵的焦匈,雖然語(yǔ)法跟vue一樣,但API大多不了解昵仅,并開始了一段百度之旅缓熟,搜索了若干結(jié)果,大多使用uni-app Map地圖組件摔笤,需要先用戶授權(quán)够滑,然后獲取用戶位置信息,然后地圖轉(zhuǎn)到用戶位置經(jīng)緯度吕世;實(shí)踐后發(fā)現(xiàn)彰触,地圖無(wú)搜索地址功能,又開始了一段百度命辖,有些博主說(shuō)况毅,需要申請(qǐng) 騰訊地圖 申請(qǐng)開發(fā)者密鑰等一系列復(fù)雜過(guò)程,實(shí)屬頭疼尔艇,然后無(wú)意間看到 uni-app一個(gè)API uni.chooseLocation(OBJECT) ,發(fā)現(xiàn)了新大陸尔许,完全符合我的需求。干貨多终娃,屁話少味廊。
官網(wǎng)鏈接:?uni.chooseLocation();
代碼塊:
uni.chooseLocation({ success: function(res) {
?????// console.log('位置名稱:' + res.name);
?????// console.log('詳細(xì)地址:' + res.address);
?????// console.log('緯度:' + res.latitude);
?????// console.log('經(jīng)度:' + res.longitude); }
});
所有需要的字段API都有提供提供(位置、地址毡们、經(jīng)緯度)
直接上效果圖: