WXProgram/miniprogram/pages/index/modules/mapModule.ts

// 地图模块 - 处理地图显示、定位、标记点管理
import mapService from '../../../services/mapService';
import userService from '../../../services/userService';
import { showToast } from '../../../utils/helpers';
import { Marker } from '../../../types';
import { DataModule } from './dataModule';

export class MapModule {
  private pageContext: any;
  private dataModule: DataModule;
  
  constructor(pageContext: any, dataModule: DataModule) {
    this.pageContext = pageContext;
    this.dataModule = dataModule;
  }
  
  /**
   * 初始化地图数据
   */
  async initMap(): Promise<void> {
    try {
      // 检查并请求位置权限
      await this.checkAndRequestLocationPermission();
      
      // 加载地图数据
      this.loadMapData();
      
    } catch (error) {
      console.error('初始化地图失败:', error);
      showToast('地图初始化失败，请重试');
    }
  }
  
  /**
   * 检查并请求位置权限
   */
  async checkAndRequestLocationPermission(): Promise<void> {
    try {
      // 检查位置权限
      const hasPermission = await userService.checkLocationPermission();
      
      if (hasPermission) {
        // 已授权，开始定位
        await this.startLocation();
      } else {
        // 未授权，请求权限
        const permissionGranted = await userService.requestLocationPermission();
        
        if (permissionGranted) {
          await this.startLocation();
        } else {
          // 授权失败，使用默认位置
          this.setDefaultLocation();
          showToast('已使用默认位置');
        }
      }
    } catch (error) {
      console.error('检查位置权限失败:', error);
      this.setDefaultLocation();
    }
  }
  
  /**
   * 开始定位
   */
  async startLocation(): Promise<void> {
    try {
      console.log('[MAP MODULE] 开始获取用户位置...');
      const location = await mapService.getCurrentLocation();
      
      console.log('[MAP MODULE] 获取位置成功，原始坐标:', location);
      console.log('[MAP MODULE] 详细位置信息:');
      console.log(`- 经度: ${location.longitude}`);
      console.log(`- 纬度: ${location.latitude}`);
      console.log(`- 精度: ${location.accuracy}`);
      console.log(`- 速度: ${location.speed}`);
      
      // 验证获取的坐标是否有效
      if (isNaN(location.latitude) || isNaN(location.longitude)) {
        console.error('[MAP MODULE] 获取的位置坐标无效:', location);
        this.setDefaultLocation();
        showToast('获取的位置无效，已使用默认位置');
        return;
      }
      
      // 更新数据模块中的位置信息和缩放级别
      this.dataModule.updateUserLocation(location.latitude, location.longitude);
      this.dataModule.setMapScale(15); // 定位成功后放大到更详细的级别
      
      console.log('[MAP MODULE] 定位成功，坐标已更新:', location);
    } catch (error) {
      console.error('[MAP MODULE] 定位失败:', error);
      this.setDefaultLocation();
      showToast('定位失败，已使用默认位置');
    }
  }
  
  /**
   * 设置默认位置
   */
  setDefaultLocation(): void {
    const defaultLatitude = 24.880095;
    const defaultLongitude = 102.833722;
    
    // 更新数据模块中的位置信息和缩放级别
    this.dataModule.updateUserLocation(defaultLatitude, defaultLongitude);
    this.dataModule.setMapScale(13);
    
    console.log('[MAP MODULE] 默认位置设置完成');
  }
  
  /**
   * 加载地图数据（仓库和货运人员）
   */
  loadMapData(): void {
    // 这里会调用具体的服务来获取数据
    // 目前使用模拟数据
    const markers = this.generateInitialMarkers();
    
    // 更新数据模块中的标记点
    this.dataModule.updateMarkers(markers);
    
    console.log('地图数据加载完成');
  }
  
  /**
   * 生成初始标记点
   */
  private generateInitialMarkers(): Marker[] {
    // 获取当前坐标
    const longitude = this.pageContext.data.longitude;
    const latitude = this.pageContext.data.latitude;
    
    // 检查坐标是否为有效数字
    let validLongitude = longitude;
    let validLatitude = latitude;
    
    if (isNaN(longitude) || isNaN(latitude)) {
      console.warn(`无效的坐标值: longitude=${longitude}, latitude=${latitude}, 使用默认坐标`);
      validLongitude = 102.833722; // 默认经度
      validLatitude = 24.880095;  // 默认纬度
      
      // 更新页面数据中的坐标
      this.dataModule.updateUserLocation(validLatitude, validLongitude);
    }
    

    
    // 生成初始标记点
    return [
      {
        id: -1, // 用户位置标记
        title: '用户位置',
        longitude: validLongitude,
        latitude: validLatitude,
        iconPath: '/images/trucks.png',
        width: 40,
        height: 40,
        zIndex: 99
      }
    ];
  }
  
  /**
   * 更新用户标记图标为用户头像
   */
  updateUserMarkerIcon(): void {
    const { authStatus, userInfo, markers } = this.pageContext.data;
    
    if (!authStatus.hasWxCode || !userInfo) {
      console.warn('未登录或用户信息为空，无法更新头像');
      return;
    }
    
    // 使用默认头像
    const avatarUrl = '/images/trucks.png';
    
    const updatedMarkers = markers.map((marker: Marker) => {
      if (marker.id === -1) {
        return {
          ...marker,
          iconPath: avatarUrl
        };
      }
      return marker;
    });
    
    // 更新数据模块中的标记点
    this.dataModule.updateMarkers(updatedMarkers);
    
    console.log('用户头像已更新');
  }
  
  /**
   * 处理地图点击事件
   */
  onMapTap(e: any): void {
    console.log('地图被点击:', e);
    // 可以在这里添加地图点击的处理逻辑
  }
  
  /**
   * 处理标记点点击事件
   */
  onMarkerTap(e: any): void {
    const markerId = e.markerId;
    console.log('标记点被点击:', markerId);
    
    // 根据标记点ID处理不同的点击逻辑
    this.handleMarkerClick(markerId);
  }
  
  /**
   * 处理标记点点击
   */
  private handleMarkerClick(markerId: number): void {
    // 这里可以根据标记点ID进行不同的处理
    // 例如：显示订单详情、货运人员信息等
    
    if (markerId === -1) {
      // 用户位置标记
      this.pageContext.showUserPanel();
    }
    // 可以添加其他标记点的处理逻辑
  }
}