movecar_wx/pages/index/index.js

const api = require('../../api/index.js');

Page({
  data: {
    // 地图初始中心坐标（北京市中心）
    longitude: 116.404,
    latitude: 39.915,
    scale:10,
    markers: [],
    polyline: [],
    startLocation: {},
    endLocation: {},
    showTripInfo: true,
    showCallButton: true,
    showDriverInfo: true,
    carsNearby: 0,
    // 司机信息
    driverAvatar: 'https://esos-iot.bjdexn.cn/myminio/project/2a1b32553c3d4ef992bc797d26cf1614.png',
    driverName: '王师傅',
    carNumber: '京A88888',
    estimatedArrival: 5,
    locationTimer: null,
    isTracking: false,
    userdata:[]
  },  
// 收益统计
  onLoad() {
    // 初始化地图
this.getuser()
this.initMap()

  },
getuser(){
 
  api.request(`/sysoperation/selectoperationid`, 'post',{ isPublic: false })
  .then((data) => {
    console.log(data.data);
    if (data.code==200) {
               // 设置数据到本地存储
wx.setStorage({
  key: 'user',  // 存储的key值
  data:data.data
});
   
    }
  })
  .catch((err) => {
    console.error('请求失败：', err);
  });
},
  // 初始化地图，获取用户位置
  initMap() {
    const that = this;
    
    // 获取用户当前位置
    wx.getLocation({
      type: 'gcj02', // 国测局坐标系，微信地图使用该坐标系
      success(res) {
        const longitude = res.longitude;
        const latitude = res.latitude;
        
        // 更新地图中心位置
        that.setData({
          longitude,
          latitude,
          startLocation: {
            longitude,
            latitude,
            name: '我的位置'
          },
          // 添加起点标记
          markers: [{
            id: 0,
            longitude,
            latitude,
            iconPath: 'https://esos-iot.bjdexn.cn/myminio/project/a0d245bf00c6493d949c3be82a6d2b98.png',
            width: 40,
            height: 40,
            anchor: {x: 0.5, y: 1}
          }]
        });
        
        // 逆地址解析，获取位置名称
        that.reverseGeocoder(longitude, latitude, 'start');
         // 加载附近车辆数据
         that.getloadNearbyCars();

      },
      fail() {
        wx.showToast({
          title: '无法获取位置，请检查权限',
          icon: 'none'
        });
      }
    });
  },

  // 逆地址解析，将经纬度转换为地址名称
  reverseGeocoder(longitude, latitude, type) {
   let _this = this 
    wx.request({
      url: `https://apis.map.qq.com/ws/geocoder/v1/?location=${latitude},${longitude}&key=VRGBZ-ZFRHB-SKIUP-NHHJ3-TXGJT-ZIFG3`,
      success(res) {
        if (res.data.status === 0) {
          const address = res.data.result.address;
          if (type === 'start') {
            _this.setData({
              'startLocation.name': address
            });
          } else if (type === 'end') {
            _this.setData({
              'endLocation.name': address
            });
          }
        }
      },
      fail() {
        wx.showToast({
          title: '地址解析失败',
          icon: 'none'
        });
      }
    });
  },
  // 预约叫车
  onelectricity(){
wx.navigateTo({
  url: '/package-order/pages/createorder/index',
})
  },
  // 更新地图标记和路线
  updateMarkersAndRoute() {
    const { startLocation, endLocation } = this.data;
    
    // 如果起点和终点都存在
    if (startLocation.longitude && endLocation.longitude) {
      // 更新标记
      const markers = [
        {
          id: 0,
          longitude: startLocation.longitude,
          latitude: startLocation.latitude,
          iconPath: 'https://esos-iot.bjdexn.cn/myminio/project/a0d245bf00c6493d949c3be82a6d2b98.png',
          width: 40,
          height: 40,
          anchor: {x: 0.5, y: 1}
        },
        {
          id: 1,
          longitude: endLocation.longitude,
          latitude: endLocation.latitude,
          iconPath: 'https://esos-iot.bjdexn.cn/myminio/project/9efa1691f71a48b6ae20648c0a2dae56.png',
          width: 40,
          height: 40,
          anchor: {x: 0.5, y: 1}
        }
      ];
      
      // 绘制路线AI云盘
      const polyline = [{
        points: [
          {
            longitude: startLocation.longitude,
            latitude: startLocation.latitude
          },
          {
            longitude: endLocation.longitude,
            latitude: endLocation.latitude
          }
        ],
        color: "#2C85FF",
        width: 6,
        dottedLine: false
      }];
      
      // 计算距离和费用
      const distance = this.calculateDistance(
        startLocation.latitude, startLocation.longitude,
        endLocation.latitude, endLocation.longitude
      );
      
      // 简单的费用计算模型：起步价13元，超过3公里后每公里2.3元
      let price = 13;
      if (distance > 3) {
        price += (distance - 3) * 2.3;
      }
      
      this.setData({
        markers,
        polyline,
        distance: distance.toFixed(1),
        estimatedPrice: Math.round(price),
        showTripInfo: true,
        showCallButton: true
      });
    } else if (startLocation.longitude) {
      // 只有起点
      this.setData({
        markers: [{
          id: 0,
          longitude: startLocation.longitude,
          latitude: startLocation.latitude,
          iconPath: 'https://esos-iot.bjdexn.cn/myminio/project/a0d245bf00c6493d949c3be82a6d2b98.png',
          width: 40,
          height: 40,
          anchor: {x: 0.5, y: 1}
        }],
        polyline: [],
        showTripInfo: false,
        showCallButton: false
      });
    }
  },

  // 计算两点之间的距离（公里）
  calculateDistance(lat1, lon1, lat2, lon2) {
    const R = 6371; // 地球半径（公里）
    const dLat = this.deg2rad(lat2 - lat1);
    const dLon = this.deg2rad(lon2 - lon1);
    const a = 
      Math.sin(dLat/2) * Math.sin(dLat/2) +
      Math.cos(this.deg2rad(lat1)) * Math.cos(this.deg2rad(lat2)) * 
      Math.sin(dLon/2) * Math.sin(dLon/2); 
    const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a)); 
    const distance = R * c;
    return distance;
  },

  // 角度转弧度
  deg2rad(deg) {
    return deg * (Math.PI/180);
  },

  // 地图区域变化时触发
  onRegionChange(e) {
    // 可以在这里处理地图移动后的逻辑，如重新加载附近车辆
    if (e.type === 'end' && e.causedBy === 'drag') {
      // this.loadNearbyCars();
    }
  },
  onHide() {
    // 页面卸载时停止追踪
    this.stopTracking();
  },
  
 // 停止追踪
 stopTracking() {
  if (this.data.locationTimer) {
    clearInterval(this.data.locationTimer);
    this.setData({ 
      locationTimer: null,
      isTracking: false 
    });
  }

},
  // 加载附近车辆
  getloadNearbyCars() {
    const that = this;
   
        let data ={
          carId:'',
          carType:'',
          carMondel:'',
        }
        api.request(`/syscar/selectcarall`, 'post',data,{ isPublic: false })
        .then((data) => {
      if (data.code==200) {
        const cars = [];
         for (let index = 0; index < data.data.length; index++) {
         let carPosition = data.data[index].carPosition.split(",");
                   cars.push({
            id: 100+index,
            longitude: carPosition[1],
            latitude: carPosition[0],
            iconPath: 'https://esos-iot.bjdexn.cn/myminio/project/f6fba6c83b2d4864a73f5f1d83cda416.png',
            width: 30,
            height: 40,
            anchor: {x: 0.5, y: 0.5}
          });   
         }
         // 将车辆标记添加到现有标记中
         const updatedMarkers = [...that.data.markers];
         // 先移除之前的车辆标记
         const filteredMarkers = updatedMarkers.filter(marker => marker.id);
         // 添加新的车辆标记
         filteredMarkers.push(...cars);
         
         that.setData({
           markers: filteredMarkers,
           carsNearby: data.data.length
         });
        //  this.loadNearbyCars()
      }
      
        })
        .catch((err) => {
       
          console.error('请求失败：', err);
        });
    
 
  },
  // 加载附近车辆
  loadNearbyCars() {
    const { longitude, latitude } = this.data;
 
    if (this.data.isTracking) return;
    
    const that = this;
    this.setData({ isTracking: true });
    this.setData({
      locationTimer:setInterval(() => {
        let data ={
          carId:'',
          carType:'',
          carMondel:'',
        }
        api.request(`/syscar/selectcarall`, 'post',data,{ isPublic: false })
        .then((data) => {
      if (data.code==200) {
        const cars = [];
         for (let index = 0; index < data.data.length; index++) {
         let carPosition = data.data[index].carPosition.split(",");
                   cars.push({
            id: 100+index,
            longitude: carPosition[1],
            latitude: carPosition[0],
            iconPath: 'https://esos-iot.bjdexn.cn/myminio/project/f6fba6c83b2d4864a73f5f1d83cda416.png',
            width: 30,
            height: 40,
            anchor: {x: 0.5, y: 0.5}
          });   
         }
         // 将车辆标记添加到现有标记中
         const updatedMarkers = [...that.data.markers];
         // 先移除之前的车辆标记
         const filteredMarkers = updatedMarkers.filter(marker => marker.id);
         // 添加新的车辆标记
         filteredMarkers.push(...cars);
         
         that.setData({
           markers: filteredMarkers,
           carsNearby: data.data.length
         });
      }
      
        })
        .catch((err) => {
       
          console.error('请求失败：', err);
        });
      }, 10000)  // 每10秒更新一次位置
    })
    
 
  },

  // 取消订单
  positioning(){
    this.initMap()

  },
  cancelOrder() {
    // 移除司机标记
    // const updatedMarkers = this.data.markers.filter(marker => marker.id !== 999);
    
    // this.setData({
    //   showDriverInfo: false,
    //   showCallButton: true,
    //   markers: updatedMarkers
    // });
  },
  onShow() {
     this.loadNearbyCars()
  },
});