前幾天在碼云上發(fā)現(xiàn)這套源碼,感覺不錯,就down了一份。搭建好環(huán)境進(jìn)行測試,發(fā)現(xiàn)小程序用戶中心的收貨地址是手動填寫,感覺有點(diǎn)麻煩。畢竟改成自動定位顯得高級一些,更主要是省事。好了廢話不多說進(jìn)入正題,先上效果圖:
圖1中點(diǎn)擊 獲取定位 跳轉(zhuǎn)到圖2,自動定位到用戶當(dāng)前位置,并展現(xiàn)周邊地點(diǎn),選中正確地點(diǎn)后,點(diǎn)右上角 確定 后獲取選中地點(diǎn)的 省 市 縣(區(qū)) 街道 詳細(xì)地址 以及當(dāng)前地點(diǎn)的經(jīng)緯度(latitude, longitude),返回圖3。
有了latitude,longitude的值就可以對接一些實(shí)用的服務(wù)接口,比如蜂鳥配送等,可以實(shí)時計(jì)算騎手的距離。也可以計(jì)算出自己門店的配送范圍等等。
修改步驟如下:
1.數(shù)據(jù)庫user_address表新增兩個字段 address_name address_detail(這兩個字段非必須添加,我是為了獲取更詳細(xì)的地址才添加的)
2.PC端 api/controller/user/usercontroller.php頁面 address_edit()方法加上對應(yīng)新加的4個字段address_name address_detail longitude latitudeaddress_list()方法新添加兩個字段 address_name,address_detail
3.小程序引入騰訊地圖sdk的js文件(去騰訊地圖官方下載),放入untils文件夾下,app.js文件 globaldata新加qqMapKey變量,key需要去騰訊地圖官方申請
4.小程序app.json引入chooseLocation插件,并添加對應(yīng)的permission權(quán)限
5.小程序user_address頁面對應(yīng)的js wxml wxss文件修改