前幾天在碼云上發現這套源碼,感覺不錯,就down了一份。搭建好環境進行測試,發現小程序用戶中心的收貨地址是手動填寫,感覺有點麻煩。畢竟改成自動定位顯得高級一些,更主要是省事。好了廢話不多說進入正題,先上效果圖:
圖1中點擊 獲取定位 跳轉到圖2,自動定位到用戶當前位置,并展現周邊地點,選中正確地點后,點右上角 確定 后獲取選中地點的 省 市 縣(區) 街道 詳細地址 以及當前地點的經緯度(latitude, longitude),返回圖3。
有了latitude,longitude的值就可以對接一些實用的服務接口,比如蜂鳥配送等,可以實時計算騎手的距離。也可以計算出自己門店的配送范圍等等。
修改步驟如下:
1.數據庫user_address表新增兩個字段 address_name address_detail(這兩個字段非必須添加,我是為了獲取更詳細的地址才添加的)
2.PC端 api/controller/user/usercontroller.php頁面 address_edit()方法加上對應新加的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插件,并添加對應的permission權限
5.小程序user_address頁面對應的js wxml wxss文件修改