为了账号安全,请及时绑定邮箱和手机立即绑定

【九月打卡】第16天 多端全栈项目实战

标签:
SpringBoot

课程名称:多端全栈项目实战:商业级代驾全流程落地


课程章节:  华夏代驾全栈小程序实战


课程讲师: 神思者


课程内容:

    

        前端实时上传gps定位


课程收获:

    

        首先我们需要定义一个数组

        将定位坐标存在数组内 可以减少ajax得请求次数 ,减少服务器压力


        然后是要让屏幕常亮  避免司机开到一半需要触屏唤醒

    //保持屏幕常亮,避免手机休眠
    wx.setKeepScreenOn({
        keepScreenOn: true
    });

        

        uni.startLocationUpdate 开启实时定位


        uni.startLocationUpdate开启后会促发  wx.onLocationChange

        在 wx.onLocationChange里面可以获取到实时得经纬度 包括速度


        这里需要取出  司机得状态  如果司机状态开启 就可以开始接单

        

        如果司机是开始接单状态 就需要实时发送ajax定位

    

        同时也要获取 司机得接单意向 settings


        调用接口  /driver/location/updateLocationCache

        对返回得数据进行处理

   success: function(resp) {
      if (resp.statusCode == 401) {
           uni.redirectTo({
               url: '/pages/login/login'
            });
      } else if (resp.statusCode == 200 && resp.data.code == 200) {
           let data = resp.data;
           if (data.hasOwnProperty('token')) {
               let token = data.token;
               uni.setStorageSync('token', token);
           }
               console.log("定位更新成功")
           } else {
               console.error('更新GPS定位信息失败', resp.data);
           }
      },
      fail: function(error) {
           console.error('更新GPS定位信息失败', error);
      }

        


 处理完成后 需要调用  uni.$emit('updateLocation', location); 



https://img1.sycdn.imooc.com//6329b24d0001635b08400803.jpg








点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
27
获赞与收藏
19

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消