前几天在码云上发现这套源码,感觉不错,就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文件修改
{{item.user_info.nickname ? item.user_info.nickname : item.user_name}}
作者 管理员 企业
{{itemf.name}}
{{itemc.user_info.nickname}}
{{itemc.user_name}}
回复 {{itemc.comment_user_info.nickname}}
{{itemf.name}}