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