// 地图页面 - 高德地图SDK集成版本 const app = getApp(); const apiClient = require('../../utils/api-client.js'); const { MapUtils, MAP_CONFIG } = require('../../utils/map-config.js'); const { systemInfoHelper } = require('../../utils/system-info-helper.js'); const config = require('../../config/config.js'); const authManager = require('../../utils/auth.js'); // 使用完整版本的高德地图SDK，包含逆地理编码功能 const { AMapWX } = require('../../libs/amap-wx.js'); const { MAP_FEED_MARKER_STYLE, MAP_FEED_DEBOUNCE, MAP_FEED_BUBBLE_LIMIT, getFeedScalePreset, buildBoundsPayload, resolveFeedThumbnail, buildCacheKey, isCacheFresh } = require('../../utils/map-feed-helpers.js'); // 导入合作商家数据模块 const { getAllMerchants, convertMerchantsToMarkers } = require('../../utils/merchant-data.js'); const wsManager = require('../../utils/websocket-manager-v2.js'); const marker_blank = '/images/map/marker_blank.png'; const baseAmapUrl = config.api.baseAmapUrl; const shouldUseMockData = !!config?.mockData; const MAP_FEED_SINGLE_BASE_ID = 20000; const MAP_FEED_CLUSTER_BASE_ID = 30000; const MAP_FEED_ADMIN_BASE_ID = 40000; const MAP_FEED_CLUSTER_STRANGER_ID = 50000; const MAP_FEED_MARKER_STRANGER_ID = 70000; const MAP_FEED_CLUSTER_FRIEND_ID = 60000; const MAP_FEED_MARKER_FRIEND_ID = 80000; function formatFeedCountLabel(count) { const safeCount = Number(count) || 0; if (safeCount <= 0) { return '暂无内容'; } if (safeCount >= 1000) { return `${(safeCount / 1000).toFixed(1)}K 条内容`; } return `${safeCount} 条内容`; } function formatHeatLabel(score) { if (score === undefined || score === null) { return '热度更新中'; } const value = Number(score); if (Number.isNaN(value)) { return '热度更新中'; } const rounded = Math.round(value); if (rounded >= 95) { return `热度爆棚 · ${rounded}`; } if (rounded >= 80) { return `热度很高 · ${rounded}`; } if (rounded >= 60) { return `热度上升 · ${rounded}`; } return '新鲜出炉'; } function formatRadiusLabel(radius) { const safeRadius = Math.max(20, Math.round(Number(radius) || 0)); if (safeRadius >= 1000) { return `范围约 ${(safeRadius / 1000).toFixed(1)} 公里`; } return `范围约 ${safeRadius} 米`; } function buildBubbleData(payload = {}) { const radiusValue = payload.radius || 200; const radiusLabel = payload.radiusLabel || formatRadiusLabel(radiusValue); return { title: payload.title || '附近热点', subtitle: payload.subtitle || '', chip: payload.chip || '', heat: payload.heat || '', radiusLabel, createdAt: payload.createdAt, nickname: payload.nickname, content: payload.content, avatar: payload.avatar, thumbnail: payload.thumbnail || '', feeds: payload.feeds || [], location: payload.location || null, radius: radiusValue, type: payload.type || 'map-feed-cluster', tone: payload.tone || 'sunset' }; } // 格式化后的模拟响应数据 const mockResponseStrangerClusters = { "code": 200, "message": "success", "data": { "displayMode": "friends", "totalUsers": 25, "displayedUsers": 20, "onlineUsers": 15, "userPoints": [{ "customId": "81149107", "nickname": "用户7142", "avatar": "https://oss.faxianwo.me/findme/images/731497293417c888e34942c14dd6e6ce.jpg", "gender": 1, "age": 25, "latitude": 38.9042, "longitude": 113.4074, "address": "北京市朝阳区某某街道", "district": "朝阳区", "isOnline": true, "lastSeen": 1706518800, "stayTime": 3600, "isMember": true, "isFriend": true, "relation": "friend", "remark": "老同学", "privacyLevel": 0, "showPreciseLocation": true, "distance": 150.5, "distanceText": "150m", "isCluster": false, "clusterId": "" }], "clusters": [{ "clusterId": "cluster_001", "latitude": 39.9042, "longitude": 116.4074, "userCount": 5, "onlineCount": 3, "avatarPreview": [ "https://example.com/avatar1.jpg", "https://example.com/avatar2.jpg", "https://example.com/avatar3.jpg" ], "isFriendCluster": true, "canExpand": true, "radius": 100.0 }], "bounds": { "northEast": { "latitude": 39.9142, "longitude": 116.4174 }, "southWest": { "latitude": 39.8942, "longitude": 116.3974 } }, "zoomLevel": 15, "cacheHit": false, "requestId": "req_1706518800123_4567", "friendStats": { "totalFriends": 25, "onlineFriends": 15, "offlineFriends": 10, "nearbyFriends": 8, "relationStats": { "friend": 20, "colleague": 3, "family": 2 } } } } const mockResponseStranger = { "code": 200, "message": "success", "data": { "displayMode": "friends", "totalUsers": 25, "displayedUsers": 20, "onlineUsers": 15, "userPoints": [{ "customId": "81149107", "nickname": "用户7142", "avatar": "https://oss.faxianwo.me/findme/images/731497293417c888e34942c14dd6e6ce.jpg", "gender": 1, "age": 25, "latitude": 39.9042, "longitude": 116.4074, "address": "北京市朝阳区某某街道", "district": "朝阳区", "isOnline": true, "lastSeen": 1706518800, "stayTime": 3600, "isMember": true, "isFriend": true, "relation": "friend", "remark": "老同学", "privacyLevel": 0, "showPreciseLocation": true, "distance": 150.5, "distanceText": "150m", "isCluster": false, "clusterId": "" }], "clusters": null, "bounds": { "northEast": { "latitude": 39.9142, "longitude": 116.4174 }, "southWest": { "latitude": 39.8942, "longitude": 116.3974 } }, "zoomLevel": 15, "cacheHit": false, "requestId": "req_1706518800123_4567", "friendStats": { "totalFriends": 25, "onlineFriends": 15, "offlineFriends": 10, "nearbyFriends": 8, "relationStats": { "friend": 20, "colleague": 3, "family": 2 } } } } const mockResponseDynamic = { "code": 200, "message": "success", "data": { "displayMode": "friends", "totalUsers": 25, "displayedUsers": 20, "onlineUsers": 15, "points": [{ "feedUuid": "81149107", "nickname": "用户7142", "thumbnail": "https://oss.faxianwo.me/findme/images/731497293417c888e34942c14dd6e6ce.jpg", "gender": 1, "age": 25, "latitude": 39.9042, "longitude": 116.4074, "address": "北京市朝阳区某某街道", "district": "朝阳区", "isOnline": true, "lastSeen": 1706518800, "stayTime": 3600, "isMember": true, "isFriend": true, "relation": "friend", "remark": "老同学", "privacyLevel": 0, "showPreciseLocation": true, "distance": 150.5, "distanceText": "150m", "isCluster": false, "clusterId": "" }], "clusters": null, "bounds": { "northEast": { "latitude": 39.9142, "longitude": 116.4174 }, "southWest": { "latitude": 39.8942, "longitude": 116.3974 } }, "zoomLevel": 15, "cacheHit": false, "requestId": "req_1706518800123_4567", "friendStats": { "totalFriends": 25, "onlineFriends": 15, "offlineFriends": 10, "nearbyFriends": 8, "relationStats": { "friend": 20, "colleague": 3, "family": 2 } } } } const mockResponseFriendMarkerCluster = { "code": 200, "message": "success", "data": { "displayMode": "friends", "totalUsers": 25, "displayedUsers": 20, "onlineUsers": 15, "userPoints": [{ "customId": "39361203", "nickname": "用户4023", "avatar": "", "gender": 1, "age": 25, "latitude": 39.9742, "longitude": 116.9074, "address": "北京市朝阳区某某街道", "district": "朝阳区", "isOnline": true, "lastSeen": 1706518800, "stayTime": 3600, "isMember": true, "isFriend": true, "relation": "friend", "remark": "老同学", "privacyLevel": 0, "showPreciseLocation": true, "distance": 150.5, "distanceText": "150m", "isCluster": false, "clusterId": "" }], "bounds": { "northEast": { "latitude": 39.9142, "longitude": 116.4174 }, "southWest": { "latitude": 39.8942, "longitude": 116.3974 } }, "clusters": [{ "clusterId": "cluster_001", "latitude": 40.9042, "longitude": 116.4074, "userCount": 5, "onlineCount": 3, "avatarPreview": [ "https://example.com/avatar1.jpg", "https://example.com/avatar2.jpg", "https://example.com/avatar3.jpg" ], "isFriendCluster": true, "canExpand": true, "radius": 100.0 }], "zoomLevel": 15, "cacheHit": false, "requestId": "req_1706518800123_4567", "friendStats": { "totalFriends": 25, "onlineFriends": 15, "offlineFriends": 10, "nearbyFriends": 8, "relationStats": { "friend": 20, "colleague": 3, "family": 2 } } } } const mockResponseFriend = { "code": 200, "message": "success", "data": { "displayMode": "friends", "totalUsers": 25, "displayedUsers": 20, "onlineUsers": 15, "userPoints": [{ "customId": "81149107", "nickname": "用户7142", "avatar": "", "gender": 1, "age": 25, "latitude": 40.9042, "longitude": 116.4074, "address": "北京市朝阳区某某街道", "district": "朝阳区", "isOnline": true, "lastSeen": 1706518800, "stayTime": 3600, "isMember": true, "isFriend": true, "relation": "friend", "remark": "老同学", "privacyLevel": 0, "showPreciseLocation": true, "distance": 150.5, "distanceText": "150m", "isCluster": false, "clusterId": "" }], "clusters": null, "bounds": { "northEast": { "latitude": 39.9142, "longitude": 116.4174 }, "southWest": { "latitude": 39.8942, "longitude": 116.3974 } }, "zoomLevel": 15, "cacheHit": false, "requestId": "req_1706518800123_4567", "friendStats": { "totalFriends": 25, "onlineFriends": 15, "offlineFriends": 10, "nearbyFriends": 8, "relationStats": { "friend": 20, "colleague": 3, "family": 2 } } } } Page({ data: { showCameraAction: false, // 拍照弹窗 isLoggedIn: app.globalData.isLoggedIn, // 登录状态 isDarkMode:false, amapFun: null, poiAroundList: [], showPoiAroundModal: false, // 地图配置 longitude: 0, latitude: 0, currentMapScale: 12, // 初始缩放级别，低于自动切换阈值 //商家信息 merchantMarkers: [], merchantList: [], // 商家列表数据 merchantInfoModalVisible: false, selectedMerchant: null, activeMerchantId: null, // 当前激活的商户ID // 静态数据 staticDataMarkers: [], // 存储静态数据标记 // 位置信息 currentAddress: '获取位置中...', addressDetail: null, accuracy: 0, currentDistrict: '新市区', // 设置默认地点名称 currentCity: '乌鲁木齐', // 设置默认城市名称 weatherInfo: null, // SDK状态 amapReady: false, amapError: null, // 好友数据 friendsData: [], // 用户信息 userInfo: null, userAvatar: '', avatar: '', avatarUrl: '', showUserLocationIndicator: false, showMyAvatarMarker: true, myLocation: null, // 保存自己的位置信息 // 地图样式控制 enableSatellite: false, currentMapType: 'standard', // standard, satellite, traffic, transit shouldFollowLocation: true, // 控制是否跟随用户位置移动 autoSatelliteZoom: 18, // 超过此缩放级别自动切换卫星图 maxScale: 22, // 地图最大缩放级别，设置为22以提高卫星图清晰度 mapTheme: 'light', // 地图主题：light 或 dark // 系统适配 statusBarHeight: 44, menuButtonHeight: 32, navBarHeight: 88, safeAreaBottom: 0, // UI状态 selectedUser: null, currentFilter: 'friends', friendsCount: 0, strangersCount: 0, showFilterModal: false, // 🔥 浮动UI状态 isOnline: true, friendRequestCount: 0, unreadMessageCount: 0, nearbyCount: 0, // 地址信息 weather: null, // 默认位置（如果定位失败） defaultLocation: { latitude: 39.908692, longitude: 116.397979, address: '北京市' }, // 地图动态相关 locationDynamics: [], // 存储地图上的所有动态 showDynamicInputModal: false, // 显示动态输入弹窗 currentDynamicLocation: null, // 当前要发布动态的位置 dynamicContent: '', // 动态内容 selectedDynamic: null, // 当前选中的动态 showDynamicDetailModal: false, // 显示动态详情弹窗 mapFeedMode: 'nearby', mapFeedLevel: 'street', mapFeedLoading: false, mapFeedError: '', mapFeedMarkers: [], mapFeedPreviewList: [], activeFeedBubble: null, activeFeedBubbleLoading: false, hasUserInteractedWithMap: false, poiDetail: { address: '', // 预先定义 address 属性 name: '' }, poiDetailShow: false, showPoiRemindModal: false, poiRemindRadius: 300, // 默认300米 poiRemindCircle: null, poiRemindMode: ['arrive'], // 多选，初始为到达 showFriendSelectModal: false, lastPoiForRemind: null, allFriendsList: [], // 新增：用于好友选择弹窗的模拟数据 // 新增 friendSearchText: '', filteredFriendsList: [], showLocationMarkModal: false, locationMarkSearchText: '', locationMarkList: [], filteredLocationMarkList: [], // 搜索相关状态 showSearchBox: false, searchKeyword: '', searchResults: [], // 存储搜索结果 searchResultInfoModalVisible: false, placeMarkId: '', // 更多菜单相关状态 showMoreMenu: false, // 地图设置相关状态 showMapSettings: false, isClosingMapSettings: false, mapStyle:null, // POI提醒相关状态 poiRemindSelectedFriends: [], // 存储已选择的好友信息 // 地点收藏栏相关状态 showLocationFavoriteBar: false, // 控制收藏栏显示 locationFavoriteTab: 'favorite', // 当前选中的标签：nearby或favorite locationFavorites: [], // 所有收藏地点 filteredLocationFavorites: [], // 过滤后的收藏地点 locationFavoriteSearch: '', // 搜索关键词 showTraffic: false, // 默认不显示交通拥堵 merchantName: "", merchant: "", merchantAddress: "", shareModalVisible: true, shareShareVisible: false, searchResultNavigationVisible: false, selectResult: null, addressIsFavorited: false, longitude: 116.404, // 初始经度（示例：北京） latitude: 39.915, // 初始纬度 metric: "0米", // 米/千米 imperial: "0英尺", // 英尺 allMarkers: [], userMarker: null, renderKey: null, poiDetailAddress: '详细地址', busStops: [], // 公交站点标记 busLines: [], // 公交线路 isBusLayerVisible: false, // 公交图层显示状态 busDataLoading: false, // 公交数据加载状态 lastBusRegion: null, // 上一次加载公交数据的区域 busDataExpireTime: 300000, // 公交数据缓存过期时间(5分钟) busDataCache: new Map(), mapClickCollect: '收藏', // 数据存储 busLines: [], subwayLines: [], markers: [], polylines: [], // 存储当前设备方向角度（0-360°） // 标记是否支持设备方向 isSupport: false, // 标记是否已获取权限 hasPermission: false, mapClickCollect: '收藏', isMapClick: false, markers: [], activeFeedBubbleSingle: null, clusterMarkers: [], // 新增：存储聚合点 marker polygons: [], // 存储多边形覆盖物 clusterThreshold: 1000, //陌生人和好友聚合的临界值单位米 activeFeedSingleVisible: false, cacheEntryString: '', directonAngle: -1, mapFeedVisible: false, startY: 0, modalTranslateY: 0, isMoving: false, shareOptions: [{ type: "wechat", icon: "/images/map/Wechat_logo.png", name: "微信" }, { type: "douyin", icon: "/images/map/Tiktok_logo.png", name: "抖音" }, { type: "weibo", icon: "/images/map/Microblog_logo.png", name: "微博" }, { type: "email", icon: "/images/map/Email_logo.png", name: "邮箱" }, { type: "qq", icon: "/images/map/QQ_logo.png", name: "QQ" }, { type: "copy", icon: "/images/map/Copy_logo.png", name: "复制" }, ], }, // 显示地点收藏栏 onOpenLocationFavoriteBar() { this.initLocationFavorites(); this.setData({ showLocationFavoriteBar: true, locationFavoriteTab: 'favorite', locationFavoriteSearch: '' }); }, // 关闭地点收藏栏 onCloseLocationFavoriteBar() { this.setData({ showLocationFavoriteBar: false }); }, // 初始化收藏地点数据 initLocationFavorites() { // 创建一些模拟数据 if (!shouldUseMockData) { this.setData({ locationFavorites: [], filteredLocationFavorites: [] }); return; } }, // 切换标签 onChangeLocationFavoriteTab(e) { const tab = e.currentTarget.dataset.tab; this.setData({ locationFavoriteTab: tab, locationFavoriteSearch: '' }); // 根据标签切换显示不同的内容 if (tab === 'nearby') { // 这里可以添加获取附近地点的逻辑 // 暂时使用收藏地点数据 this.setData({ filteredLocationFavorites: this.data.locationFavorites }); } else if (tab === 'favorite') { this.setData({ filteredLocationFavorites: this.data.locationFavorites.filter(item => item.isFavorited) }); } }, previewImageAvatar(e) { try { // 获取当前点击的图片索引和动态索引 const avatar = e.currentTarget.dataset.avatar; // 🔥 设置标志，防止预览关闭后触发页面刷新 this._skipNextOnShowReload = true; const imageUrls=[avatar]; // 调用微信小程序的图片预览API wx.previewImage({ current: avatar, urls: imageUrls, success: () => { // 预览打开成功，标志已设置，关闭时会触发 onShow }, fail: (err) => { console.error('图片预览失败:', err); // 预览失败，清除标志 this._skipNextOnShowReload = false; wx.showToast({ title: '预览图片失败', icon: 'none' }); } }); } catch (error) { console.error('图片预览过程中出错:', error); // 出错时清除标志 this._skipNextOnShowReload = false; wx.showToast({ title: '预览图片失败', icon: 'none' }); } }, // 地点收藏搜索 onLocationFavoriteSearch(e) { const searchText = e.detail.value; this.setData({ locationFavoriteSearch: searchText }); // 根据搜索关键词筛选地点 let filtered = []; if (this.data.locationFavoriteTab === 'nearby') { filtered = this.data.locationFavorites.filter(item => item.name.includes(searchText) || item.address.includes(searchText) ); } else { filtered = this.data.locationFavorites.filter(item => item.isFavorited && (item.name.includes(searchText) || item.address.includes(searchText)) ); } this.setData({ filteredLocationFavorites: filtered }); }, // 清除地点收藏搜索 onClearLocationFavoriteSearch() { this.setData({ locationFavoriteSearch: '', filteredLocationFavorites: this.data.locationFavoriteTab === 'nearby' ? this.data.locationFavorites : this.data.locationFavorites.filter(item => item.isFavorited) }); }, // 切换地点收藏状态 onToggleLocationFavorite(e) { const id = e.currentTarget.dataset.id; const locationFavorites = this.data.locationFavorites.map(item => { if (item.id === id) { item.isFavorited = !item.isFavorited; } return item; }); // 根据当前标签和搜索词更新过滤后的列表 let filtered = []; if (this.data.locationFavoriteTab === 'nearby') { filtered = locationFavorites.filter(item => item.name.includes(this.data.locationFavoriteSearch) || item.address.includes(this.data.locationFavoriteSearch) ); } else { filtered = locationFavorites.filter(item => item.isFavorited && (item.name.includes(this.data.locationFavoriteSearch) || item.address.includes(this.data.locationFavoriteSearch)) ); } this.setData({ locationFavorites: locationFavorites, filteredLocationFavorites: filtered }); }, // 显示筛选选项弹窗 showFilterOptions() { this.setData({ showFilterModal: true }); }, // 隐藏筛选选项弹窗 hideFilterOptions() { this.setData({ showFilterModal: false }); }, initMapFeedState() { if (this.mapFeedDebounceTimer) { clearTimeout(this.mapFeedDebounceTimer); } this.mapFeedDebounceTimer = null; this.mapFeedCache = new Map(); this.mapFeedMarkerLookup = new Map(); this.mapStrangerMarkerLookup = new Map(); this.setData({ mapFeedMarkers: [], mapFeedPreviewList: [], activeFeedBubble: null, mapFeedMode: 'nearby', mapFeedLevel: 'street', mapFeedError: '', mapFeedLoading: false }); }, // 显示拍照功能弹窗 showCameraActionSheet() { this.setData({ showCameraAction: true }); }, // 隐藏拍照功能弹窗 hideCameraActionSheet() { this.setData({ showCameraAction: false }); }, // 拍摄照片 takePhoto() { this.hideCameraActionSheet(); // 检查登录状态 // 未登录进入登录页面 if (!authManager.isLoggedIn()) { wx.navigateTo({ url: '/pages/login/login' }); } else { wx.navigateTo({ url: '/subpackages/media/camera/camera' // 已登录用户跳转到拍摄页面 }); } }, // 从相册选择 chooseImage() { this.hideCameraActionSheet(); // 检查登录状态 // 未登录进入登录页面 if (!authManager.isLoggedIn()) { wx.navigateTo({ url: '/pages/login/login' }); } else { wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album'], success: (res) => { const tempFilePath = res.tempFilePaths[0]; // 显示加载提示 wx.showLoading({ title: '上传中...', mask: true }); // 处理选择的图片 this.uploadImage(tempFilePath) .then(imageUrl => { wx.hideLoading(); wx.navigateTo({ url: `/pages/edits/edits?imagePath=${encodeURIComponent(imageUrl)}`, success: () => { wx.showToast({ title: '上传成功', icon: 'success' }); }, fail: (err) => { console.error('跳转发布页失败:', err); wx.showToast({ title: '跳转失败，请重试', icon: 'none' }); } }); }) .catch(error => { wx.hideLoading(); console.error('上传过程出错:', error); wx.showToast({ title: error.message || '上传失败，请重试', icon: 'none' }); }); }, fail: (error) => { console.error('选择图片失败:', error); wx.showToast({ title: '选择图片失败', icon: 'none' }); } }); } }, // 上传图片 uploadImage(tempFilePath) { return new Promise((resolve, reject) => { try { wx.uploadFile({ url: `${config.api.baseUrl}/api/v1/file/upload`, filePath: tempFilePath, name: 'file', formData: { file_type: 'image', usage_type: 'feed' }, header: { 'Authorization': `Bearer ${apiClient.getToken()}` }, success: (uploadRes) => { // 🔥 统一处理401 - 使用apiClient的统一处理 if (apiClient.is401Error(uploadRes)) { const app = getApp(); const isLoggedIn = app?.globalData?.isLoggedIn || false; apiClient.handle401Error(isLoggedIn); // 对已登录用户抛出错误 if (isLoggedIn) { reject(new Error('登录已过期，请重新登录')); } else { // 对未登录用户返回空数据 resolve(null); } return; } // 解析响应数据 let result; try { result = JSON.parse(uploadRes.data); } catch (e) { console.error('解析响应JSON失败，响应数据:', uploadRes.data); reject(new Error('解析服务器响应失败')); return; } // 上传成功 if (uploadRes.statusCode === 200 && result.code === 0) { if (result.data && result.data.file_url) { resolve(result.data.file_url); } else { reject(new Error('服务器未返回图片URL')); } } else { reject(new Error(result.msg || '上传失败')); } }, fail: (error) => { console.error('上传请求失败:', error); let errorMsg = '网络请求失败，请检查网络'; if (error.errMsg) { errorMsg = error.errMsg; } reject(new Error(errorMsg)); } }); } catch (error) { console.error('上传图片到服务器失败:', error); reject(error); } }); }, // 显示筛选选项弹窗 showFilterOptions() { this.setData({ showFilterModal: true }); }, // 隐藏筛选选项弹窗 hideFilterOptions() { this.setData({ showFilterModal: false }); }, onLoad() { console.log("on-->" + "onLoad"); // 初始化模拟天气数据，确保天气信息始终显示 if (shouldUseMockData) { const mockWeatherInfo = { temperature: 25, weather: '晴', icon: '☀️', isCloudIcon: false, humidity: 45, windSpeed: 3.2, windDir: '东南风', aqi: 85, city: this.data.currentCity || '乌鲁木齐', updateTime: new Date().toLocaleTimeString('zh-CN') }; this.setData({ weatherInfo: mockWeatherInfo }); console.debug('✅ 已设置模拟天气数据:', mockWeatherInfo); } else { this.setData({ weatherInfo: null }); } this.amapFun = new AMapWX({ key: config.amapKey }); // 使用已经创建的系统信息辅助实例 this.systemInfoHelper = systemInfoHelper; // 获取系统信息和胶囊按钮位置 const systemInfo = this.systemInfoHelper.getSystemInfoSync(); const menuButtonInfo = this.systemInfoHelper.getMenuButtonBoundingClientRect(); // 计算导航栏高度和胶囊位置信息 const navBarHeight = this.systemInfoHelper.getNavBarHeight(systemInfo); this.setData({ statusBarHeight: systemInfo.statusBarHeight || 44, navBarHeight: navBarHeight, windowHeight: systemInfo.windowHeight || 667, safeAreaBottom: systemInfo.safeArea?.bottom || 0, menuButtonTop: menuButtonInfo.top || 48, menuButtonRight: menuButtonInfo.right || 365, menuButtonWidth: menuButtonInfo.width || 87, menuButtonHeight: menuButtonInfo.height || 32 }); // 初始化API客户端 this.apiClient = apiClient; // 初始化地图动态状态 this.initMapFeedState(); // 初始化静态数据 this.initStaticData(); // 初始化合作商家数据 this.initMerchantMarkers(); // 初始化地图上下文 this.mapCtx = wx.createMapContext('main-map', this); // this.mapCtx.initMarkerCluster({ // enableDefaultStyle: false, // 使用默认聚合样式 // zoomOnClick: true, // 点击聚合点自动放大 // gridSize: 60, // 聚合计算网格大小，单位px // complete(res) {} // }); this.initSystemInfo(); this.initAMapSDK(); console.log("onload----->" + Date.now()); this.requestLocationPermission(); this.lastFriendsFetch = 0; this.lastNearbyFetch = 0; this.lastWeatherFetch = 0; this.lastLocationSnapshot = null; // 🔥 加载浮动UI相关数据 this.loadFloatingUIData(); // 注入模拟好友数据 if (shouldUseMockData) { const mockFriends = [{ userId: 'u1', nickname: '小明', avatarUrl: '' }, { userId: 'u2', nickname: '小红', avatarUrl: '' }, { userId: 'u3', nickname: '小刚', avatarUrl: '' }, { userId: 'u4', nickname: '小美', avatarUrl: '' }, { userId: 'u5', nickname: '小强', avatarUrl: '' } ]; this.setData({ allFriendsList: mockFriends, filteredFriendsList: mockFriends }); const mockLocationMarkList = [{ id: 'loc1', lat: 44.897383746906186, lng: 82.07800276534772, name: '博尔塔拉长城医院', remindFriends: [{ userId: 'u1', avatarUrl: '' }, { userId: 'u2', avatarUrl: '' } ], remindType: 'arrive' }, { id: 'loc2', lat: 44.90334720165053, lng: 82.06464725905994, name: '博乐市第八中学', remindFriends: [{ userId: 'u3', avatarUrl: '' }], remindType: 'leave' } ]; this.setData({ locationMarkList: mockLocationMarkList, filteredLocationMarkList: mockLocationMarkList }); } else { this.setData({ allFriendsList: [], filteredFriendsList: [], locationMarkList: [], filteredLocationMarkList: [] }); this.setData({ isBusLayerVisible: wx.getStorageSync('busLayerState') || false }); } wx.showShareMenu({ withShareTicket: true, // 可选，是否带上 shareTicket menus: ['shareAppMessage', 'shareTimeline'] // 指定分享菜单，'shareAppMessage' 用于分享到聊天 }) // 初始化计算 this.updateScale(); this.startListening(); // this.getCityBoundary("大理"); this.loadUserInfo(); // this.getInitialOrientation(); this.checkSystemTheme(); }, // 核心：判断系统主题 + 手机系统类型（安卓/苹果） checkSystemTheme() { try { // 同步获取系统信息（含主题、系统类型等） const systemInfo = wx.getSystemInfoSync(); // 1. 判断手机系统类型（安卓/苹果） const isIOS = /ios/i.test(systemInfo.system); // 匹配 iOS 系统（忽略大小写） const isAndroid = /android/i.test(systemInfo.system); // 匹配 Android 系统（忽略大小写） // 2. 判断系统主题（深色/浅色） const isDark = systemInfo.theme === 'dark'; // 3. 更新数据（同时保存系统类型和主题状态） if(isAndroid){ this.setData({ isDarkMode: false, isIOS: isIOS, isAndroid: isAndroid }); }else{ this.setData({ isDarkMode: isDark, isIOS: isIOS, isAndroid: isAndroid }); } // 打印日志（清晰展示系统类型+主题） console.log( '当前设备：', isIOS ? '苹果手机（iOS）' : isAndroid ? '安卓手机（Android）' : '其他设备', ' | 系统主题：', isDark ? '深色模式' : '浅色模式' ); } catch (err) { // 异常处理（低版本微信/获取系统信息失败） console.error('获取系统信息（主题+设备类型）失败：', err); this.setData({ isDarkMode: false, // 异常时默认浅色模式 isIOS: false, isAndroid: false }); } }, async loadUserInfo() { try { // 先从全局数据获取 let userInfo = getApp().globalData.userInfo; // 如果全局没有完整信息，从API获取 // const response = await this.apiClient.getUserInfo(); // console.log("info--->2"+response); // if (!userInfo) { const response = await apiClient.getUserInfo(); if (response && response.code === 0) { userInfo = { ...userInfo, user: response.data }; // 更新全局数据 getApp().globalData.userInfo = userInfo; console.log("info--->1" + response); } // } this.setData({ userInfo: userInfo }); this.initWebSocketFriendFeatures(); } catch (error) { console.error('❌ 获取用户信息失败:', error); // 不影响主要功能，继续加载好友列表 } }, getInitialOrientation() { let that = this; return new Promise((resolve, reject) => { // 先检查设备是否支持罗盘（更准确的方向传感器） wx.getSystemInfo({ success: (sysInfo) => { // 扩展支持检测：同时检查罗盘和设备运动传感器 const supportCompass = typeof wx.onCompassChange === 'function'; const supportMotion = typeof wx.onDeviceMotionChange === 'function'; if (!supportCompass && !supportMotion) { console.warn('设备不支持方向感应，使用默认方向'); resolve(0); // 返回默认角度（正北） return; } // 优先使用罗盘（方向更稳定） if (supportCompass) { const compassListener = (res) => { // 罗盘返回的是与正北的夹角（0-360°） const angle = Math.round(res.direction); if (typeof angle === 'number' && !isNaN(angle)) { this.setData({ directonAngle: angle }); this.updateArrowDirection(angle); wx.offCompassChange(compassListener); // 移除监听 resolve(angle); } }; wx.onCompassChange(compassListener); // 启动罗盘（部分设备需要主动启动） wx.startCompass({ success: () => {}, fail: () => { wx.offCompassChange(compassListener); fallbackToMotionSensor(resolve); // 启动失败时降级 } }); } else { // 无罗盘时使用设备运动传感器 fallbackToMotionSensor(resolve); } // 超时处理 setTimeout(() => { if (supportCompass) wx.offCompassChange(); if (supportMotion) wx.offDeviceMotionChange(); console.warn('获取方向超时，使用默认值'); resolve(0); }, 3000); }, fail: (err) => { console.error('获取系统信息失败', err); resolve(0); // 系统信息获取失败时仍返回默认值 } }); // 设备运动传感器降级处理 function fallbackToMotionSensor(resolve) { const motionListener = (deviceData) => { // alpha值：绕z轴旋转角度（0-360°） if (typeof deviceData.alpha === 'number' && !isNaN(deviceData.alpha)) { const angle = Math.round(deviceData.alpha); console.log("angle--->" + angle); that.setData({ directonAngle: angle }); that.updateArrowDirection(angle); // wx.offDeviceMotionChange(motionListener); resolve(angle); } }; wx.onDeviceMotionChange(motionListener); // 启动设备运动监听（部分设备需要） // wx.startDeviceMotionListening({ // interval: 'normal', // success: () => {}, // fail: (err) => { // wx.offDeviceMotionChange(motionListener); // console.warn('设备运动监听启动失败', err); // resolve(0); // } // }); } }); }, initWebSocketFriendFeatures() { try { console.log('🔌 初始化WebSocket好友事件监听器'); // 绑定处理函数到 this，方便后续移除 this.handleNotificationMessage = this.handleNotificationMessage.bind(this); wsManager.on('user_offline', this.handleNotificationMessage); } catch (error) { console.error('初始化WebSocket功能失败:', error); } }, // 处理通知消息 handleNotificationMessage(msg) { try { console.log('🔔 收到心跳---->:', msg); } catch (error) { console.error('处理通知消息失败:', error); } }, // 调用高德接口获取城市边界 getCityBoundary(cityName) { let that = this; wx.request({ url: baseAmapUrl + '/config/district', data: { keywords: cityName, subdistrict: 0, // 不返回子区域 extensions: 'all', // 必须为all才能获取polyline key: config.amapKey // 替换为你的Key }, success: (res) => { if (res.data.status === '1' && res.data.districts.length > 0) { const district = res.data.districts[0]; const polyline = district.polyline; // 边界坐标串 // 解析为小程序polygons格式 const polygons = that.parsePolylineToPolygons(polyline, district.adcode); // 更新地图数据 this.setData({ polygons: polygons }); } }, fail: (err) => { console.error('获取边界失败：', err); } }); }, // 解析高德接口返回的polyline为小程序polygons格式 parsePolylineToPolygons(polyline, cityId) { const polygons = []; // 按 | 分割多个环（每个环是一个独立多边形） const rings = polyline.split('|'); rings.forEach((ring, index) => { // 按 ; 分割单个环的坐标点 const pointStrs = ring.split(';'); // 转换为 { longitude, latitude } 格式 const points = pointStrs.map(pointStr => { const [lng, lat] = pointStr.split(',').map(Number); return { longitude: lng, latitude: lat }; }); // 添加到polygons数组（可自定义样式） polygons.push({ id: `${cityId}_${index}`, // 唯一标识（主区域+子区域区分） points, fillColor: '#1098B0', strokeColor: '#0DD2FC', strokeWidth: 2, fillOpacity: 0.6, strokeDasharray: [5, 5] }); }); return polygons; }, /** * 生成区域唯一标识 * @param {Object} region - 地图区域 * @returns {String} 区域标识 */ getRegionKey(region) { // 四舍五入到小数点后4位，减少精度导致的重复 return [ Math.round(region.southwest.latitude * 10000) / 10000, Math.round(region.southwest.longitude * 10000) / 10000, Math.round(region.northeast.latitude * 10000) / 10000, Math.round(region.northeast.longitude * 10000) / 10000 ].join(','); }, /** * 检查是否同一区域 * @param {String} regionKey - 区域标识 * @returns {Boolean} 是否同一区域 */ isSameRegion(regionKey) { return this.data.lastBusRegion === regionKey; }, /** * 检查缓存是否过期 * @param {String} regionKey - 区域标识 * @returns {Boolean} 是否过期 */ isCacheExpired(regionKey) { const cache = this.busDataCache.get(regionKey); if (!cache) return true; return Date.now() - cache.timestamp > this.data.busDataExpireTime; }, // 4. 更新箭头方向（根据实际业务场景修改） 可旋转但是会重复多个 updateArrowDirection(angle) { const targetIndex = this.data.markers.findIndex(marker => marker.id === 1); if (targetIndex !== -1) { this.setData({ directonAngle: angle, [`markers[${targetIndex}].directonAngle`]: angle, [`markers[${targetIndex}].directionPath`]: '/images/map/direction_arrow.png' }); } }, // 页面隐藏/卸载时停止监听（必须做，否则会耗电） onHide() { this.stopListening(); }, onUnload() { this.stopListening(); // 移除 WebSocket 通知监听器 try { if (this.handleNotificationMessage) { wsManager.off('user_offline', this.handleNotificationMessage); console.log('✅ 已移除 WebSocket 通知监听器'); } } catch (error) { console.error('移除 WebSocket 通知监听器失败:', error); } }, // 停止监听的工具方法 startListening() { // 停止可能存在的旧监听（避免重复监听） wx.stopDeviceMotionListening({}); // 新增：记录上一次的角度值，用于判断角度变化是否超过阈值 let lastAngle = null; // 记录上次更新时间 let lastUpdateTime = 0; // 角度变化阈值（度），超过此值才更新 const ANGLE_THRESHOLD = 5; // 最小更新间隔（毫秒），避免过于频繁更新 const MIN_UPDATE_INTERVAL = 1000; // 启动新监听 wx.startDeviceMotionListening({ interval: 'game', // 高频监听（适合实时方向更新） success: () => { console.log('方向监听启动成功'); // 监听方向变化事件 this.motionListener = wx.onDeviceMotionChange((res) => { // res.alpha：设备绕垂直轴旋转角度（0-360°，0为正北） if (typeof res.alpha === 'number' && !isNaN(res.alpha)) { // 取整数角度，减少抖动 const currentAngle = Math.round(res.alpha); const now = Date.now(); // 满足以下条件才更新： // 1. 距离上次更新超过最小间隔时间 // 2. 角度变化超过阈值（首次记录时直接更新） const isAngleChangedEnough = lastAngle === null || Math.abs(currentAngle - lastAngle) >= ANGLE_THRESHOLD; const isTimeEnough = now - lastUpdateTime >= MIN_UPDATE_INTERVAL; if (isAngleChangedEnough && isTimeEnough) { console.log(`方向变化超过${ANGLE_THRESHOLD}度，更新角度: ${currentAngle}`); this.updateArrowDirection(currentAngle); // 更新记录值 lastAngle = currentAngle; lastUpdateTime = now; } if (this.data.directonAngle == -1) { this.setData({ directonAngle: currentAngle }); this.updateArrowDirection(currentAngle); } } }); }, fail: (err) => { console.error('监听启动失败:', err); } }); }, // 页面隐藏/卸载时停止监听（必须做，否则会耗电） onHide() { this.stopListening(); }, onUnload() { this.stopListening(); }, // 停止监听的工具方法 stopListening() { if (this.motionListener) { this.motionListener(); // 移除监听事件 this.motionListener = null; } wx.stopDeviceMotionListening({}); // 停止监听服务 }, updateScale() { const that = this // 直接获取当前缩放级别（同步操作，无延迟） this.mapCtx.getScale({ success(res) { const currentScale = res.scale // 计算比例尺数值 that.calcScale(currentScale) }, // 极端情况：如果获取失败，100ms后重试（确保最终能更新） fail() { setTimeout(() => { that.updateScale() }, 100) } }) }, calcScale(scale) { // 计算100px线段对应的实际距离（米） const metersPerPx = 156543.03392 * Math.cos(39.915 * Math.PI / 180) / Math.pow(2, scale) const totalMeters = metersPerPx * 100 // 100px线段的实际距离 // ---------------------- // 公制单位：米 → 千米（自动转换+取整） // ---------------------- let metricText; if (totalMeters >= 1000) { // ≥1000米时转千米，四舍五入取整数 const km = Math.round(totalMeters / 1000) metricText = `${km}千米` } else { // <1000米时保留米，四舍五入取整数 metricText = `${Math.round(totalMeters)}米` } metricText = metricText // ---------------------- // 英制单位：英尺 → 英里（自动转换+取整） // 1英里 = 5280英尺（转换临界点） // ---------------------- const totalFeet = totalMeters * 3.28084 // 先转成英尺 let imperialText; if (totalFeet >= 5280) { // ≥5280英尺时转英里，四舍五入取整数 const miles = Math.round(totalFeet / 5280) imperialText = `${miles}英里` } else { // <5280英尺时保留英尺，四舍五入取整数 imperialText = `${Math.round(totalFeet)}英尺` } this.setData({ metric: metricText, imperial: imperialText }) }, onShow() { console.log("on-->" + "onShow"); // 同步全局登录状态 this.setData({ isLoggedIn: app.globalData.isLoggedIn, userInfo: app.globalData.userInfo }); if (this.data.amapReady) { this.startLocationService(); } // 设置tabBar选中状态为"发现"（索引0） if (typeof this.getTabBar === 'function' && this.getTabBar()) { this.getTabBar().setData({ selected: 0 }); } if (app.globalData && app.globalData.needOpenLocationFavoriteBar) { setTimeout(() => { this.onOpenLocationFavoriteBar(); }, 300); app.globalData.needOpenLocationFavoriteBar = false; } }, onHide() { this.stopLocationService(); wx.hideLoading(); }, onUnload() { this.stopLocationService(); }, // 初始化高德地图SDK initAMapSDK() { try { // 使用完整版本的高德地图SDK，包含逆地理编码功能 this.amapFun = new AMapWX({ key: config.amapKey || '' // 需要有效的API Key才能使用全部功能 }); this.setData({ amapReady: true, amapError: null }); console.debug('✅ 高德地图SDK初始化成功'); } catch (error) { console.error('❌ 高德地图SDK初始化失败:', error); this.setData({ amapReady: false, amapError: error.message || '高德地图SDK初始化失败' }); wx.showToast({ title: '定位服务异常', icon: 'none' }); } }, // 初始化系统信息 initSystemInfo() { try { const systemInfo = this.systemInfoHelper.getSystemInfoSync(); const menuButtonInfo = wx.getMenuButtonBoundingClientRect(); const statusBarHeight = systemInfo.statusBarHeight || 44; const menuButtonHeight = menuButtonInfo.height || 32; const menuButtonTop = menuButtonInfo.top || statusBarHeight + 6; const navBarHeight = statusBarHeight + menuButtonHeight + 10; this.setData({ statusBarHeight: statusBarHeight, menuButtonHeight: menuButtonHeight, navBarHeight: navBarHeight, windowHeight: systemInfo.windowHeight || 667, safeAreaBottom: systemInfo.safeArea ? systemInfo.windowHeight - systemInfo.safeArea.bottom : 0 }); } catch (error) { console.error('获取系统信息失败:', error); // 设置默认值 this.setData({ statusBarHeight: 44, menuButtonHeight: 32, menuButtonTop: 50, navBarHeight: 88, windowHeight: 667, safeAreaBottom: 0 }); } }, // 请求位置权限 requestLocationPermission() { // 直接尝试获取位置，如果失败会自动触发权限请求 this.getCurrentLocation(); }, // 获取当前位置 - 双保险定位策略 getCurrentLocation() { if (!this.data.amapReady) { this.getWxLocation(); // 降级方案 return; } this.amapFun.getWxLocation((location, error) => { if (error) { console.error('高德SDK获取位置失败:', error); this.getWxLocation(); // 降级方案 return; } this.processLocationResult(location); }, { type: 'gcj02', isHighAccuracy: true, highAccuracyExpireTime: 4000 }); }, // 微信原生定位降级方案 getWxLocation() { wx.getLocation({ type: 'gcj02', isHighAccuracy: true, highAccuracyExpireTime: 4000, success: (location) => { // 模拟高德地图数据格式，但不直接显示坐标 const enhancedLocation = { ...location, address: '定位中...', // 使用友好的占位符 formattedAddress: '', province: '', city: '', district: '', street: '' }; this.processLocationResult(enhancedLocation); }, fail: (error) => { console.error('微信原生定位也失败:', error); this.handleLocationError(error); } }); }, // 🔥 新增：基于坐标的简化位置推断 - 修复版 getLocationByCoordinates(latitude, longitude) { const lat = parseFloat(latitude); const lng = parseFloat(longitude); let province = ''; let city = ''; let district = ''; // 基于经纬度范围的简化位置推断 // 实际项目中可能需要调用专业的地理编码API或后端服务 // 北京地区 if (lat >= 39.4 && lat <= 41.6 && lng >= 115.4 && lng <= 117.5) { province = '北京'; city = '北京市'; district = '朝阳区'; } // 上海地区 else if (lat >= 30.6 && lat <= 31.8 && lng >= 121.2 && lng <= 122.1) { province = '上海'; city = '上海市'; district = '浦东新区'; } // 广州地区 else if (lat >= 22.5 && lat <= 23.5 && lng >= 112.9 && lng <= 114.3) { province = '广东'; city = '广州市'; district = '天河区'; } // 深圳地区 else if (lat >= 22.4 && lat <= 22.8 && lng >= 113.7 && lng <= 114.6) { province = '广东'; city = '深圳市'; district = '南山区'; } // 更多城市的判断（可以根据实际需求添加更多城市） // 杭州地区 else if (lat >= 29.0 && lat <= 30.5 && lng >= 118.0 && lng <= 120.0) { province = '浙江'; city = '杭州市'; district = '西湖区'; } // 南京地区 else if (lat >= 31.0 && lat <= 33.0 && lng >= 117.0 && lng <= 119.0) { province = '江苏'; city = '南京市'; district = '玄武区'; } // 成都地区 else if (lat >= 30.0 && lat <= 31.5 && lng >= 103.5 && lng <= 104.5) { province = '四川'; city = '成都市'; district = '锦江区'; } // 其他地区 - 使用通用位置信息 else { // 改进：为了更好的用户体验，不再使用'地图'作为默认区域 // 而是根据经纬度范围提供一个更有意义的默认位置 const latInt = Math.round(lat); const lngInt = Math.round(lng); // 使用经纬度整数部分作为位置标识，让用户知道这是一个估算的位置 district = `${latInt}°${lngInt}°附近`; city = '中国'; province = '位置'; } const address = province && city ? `${province}${city}${district}` : `${district}`; return { province, city, district, address }; }, // 处理位置结果 processLocationResult(location) { console.log('✅ 获取到经纬度: lat: ' + location.latitude + " long: " + location.longitude); // 保存自己的位置信息 const myLocation = { latitude: location.latitude, longitude: location.longitude, accuracy: location.accuracy || 0 }; this.setData({ myLocation: myLocation }) const previousLocation = this.lastLocationSnapshot; this.lastLocationSnapshot = myLocation; // 保存位置精度；仅在需要跟随或尚未初始化时更新地图中心 const locationUpdate = { accuracy: location.accuracy || 0, myLocation: myLocation }; const hasInitialCenter = typeof this.data.latitude === 'number' && typeof this.data.longitude === 'number' && !Number.isNaN(this.data.latitude) && !Number.isNaN(this.data.longitude) && this.data.latitude !== 0 && this.data.longitude !== 0; if (this.data.shouldFollowLocation || !hasInitialCenter) { locationUpdate.latitude = location.latitude; locationUpdate.longitude = location.longitude; } this.setData(locationUpdate); // 创建用户位置标记（带头像和电量信息） this.createUserMarkers(myLocation); // 只有在shouldFollowLocation为true时才移动地图 if (this.mapCtx && this.data.shouldFollowLocation) { try { this.setData({ shouldFollowLocation: false }); this.mapCtx.moveToLocation({ latitude: location.latitude, longitude: location.longitude, success: () => { console.debug('✅ 地图移动到当前位置成功'); }, fail: (error) => { console.error('❌ 地图移动失败:', error); } }); } catch (error) { console.error('❌ 移动地图到当前位置时出现异常:', error); } } // 解析地址 - 使用Promise处理异步结果 this.resolveAddress(location).then(() => { // 地址解析完成后继续执行其他操作 console.debug('✅ 地址解析完成，继续执行其他操作'); }).catch((error) => { console.error('⚠️ 地址解析过程中出现错误，但继续执行其他操作:', error); }); // 加载好友位置 const now = Date.now(); if (!this.lastFriendsFetch || (now - this.lastFriendsFetch) > 45 * 1000) { this.lastFriendsFetch = now; if (!this.data.mapFeedVisible && !this.data.isOnline) { this.loadFriendsLocation(); } } // 获取附近用户 - 已启用 if (!this.lastNearbyFetch || (now - this.lastNearbyFetch) > 45 * 1000) { if (this.data.isOnline && !this.data.mapFeedVisible) { this.lastNearbyFetch = now; this.loadNearbyUsers(); } } this.scheduleMapFeedRefresh('location'); }, // 创建用户位置标记（带头像和电量信息） createUserMarkers(myLocation) { // 安全地获取头像URL，处理 userInfo 可能为 null 的情况 let avatarUrl = '/images/default-stranger.png'; // 默认头像 if (app.globalData.userInfo && app.globalData.userInfo.user && app.globalData.userInfo.user.avatar) { avatarUrl = app.globalData.userInfo.user.avatar; } if (avatarUrl.includes('myqcloud')) { avatarUrl = avatarUrl + '?imageMogr2/auto-orient/thumbnail/100x100/quality/85'; } console.log("userInfoUrl--->" + avatarUrl); let userMarkers = []; const userMarker = { id: 1, latitude: myLocation.latitude, longitude: myLocation.longitude, iconPath: '/images/map/marker_blank.png', avatarUrl: avatarUrl ? avatarUrl : '/images/default-stranger.png', directionPath: '/images/map/direction_arrow.png', type: 'mine', directonAngle: this.data.directonAngle, joinCluster: false, title: "我", height: 45, width: 45, customCallout: { anchorX: 0, // 水平锚点设为 0.5（图标宽度的正中间） anchorY: 70, // 垂直锚点设为 1（图标底部，紧贴地图坐标点） display: 'ALWAYS' }, zIndex: 1 } // this.data.allMarkers.push(userMarker); const existingIndex = this.data.allMarkers.findIndex(marker => marker.id === 1); if (existingIndex == -1) { this.data.allMarkers.push(userMarker); } userMarkers.push(userMarker); this.updateMarkersByMarkersType(userMarkers); }, // 解析地址 - 多级解析策略 async resolveAddress(location) { console.log('🏠 处理地址信息，location数据:', location); let address = '未知位置'; let addressDetail = {}; let currentDistrict = ''; let currentCity = ''; let realLocationInfo = {}; // 优先尝试获取真实位置信息（无论登录状态） try { realLocationInfo = await this.tryGetRealLocationInfo(location.latitude, location.longitude); } catch (error) { console.error('⚠️ 获取真实位置信息失败:', error); } if (realLocationInfo) { address = realLocationInfo.address || address; currentDistrict = realLocationInfo.district || currentDistrict; // 不设置currentCity，只使用区级信息 console.log('✅ 使用真实位置信息:', { address, currentDistrict }); } else { // 从高德地图定位结果中获取地址信息 if (location.address && location.address.trim()) { address = location.address; console.debug('✅ 使用高德地图返回的地址:', address); } else if (location.formattedAddress && location.formattedAddress.trim()) { address = location.formattedAddress; console.debug('✅ 使用格式化地址:', address); } else { // 降级处理：使用坐标作为地址 address = `位置: ${location.latitude.toFixed(6)}, ${location.longitude.toFixed(6)}`; console.debug('⚠️ 降级使用坐标作为地址:', address); } } // 优先使用SDK返回的结构化地址 if (location.province || location.city || location.district) { addressDetail = { province: location.province || '', city: location.city || '', district: location.district || '', street: location.street || '', streetNumber: location.streetNumber || '', description: location.description || address }; currentDistrict = location.district || ''; // 不设置currentCity，只使用区级信息 } // 如果SDK没有返回结构化信息，从完整地址字符串中智能解析 if (!currentDistrict && !currentCity && address) { // 智能解析中国地址格式的正则表达式 const addressPattern = /(.*?)省?(.*?)市?(.*?)区?(.*?)县?(.*?)镇?(.*?)乡?(.*)/; const match = address.match(addressPattern); if (match) { const [, province, city, district] = match; // 不设置currentCity，只使用区级信息 currentDistrict = district; console.debug('📍 正则解析结果:', { province, district: currentDistrict }); } } // 降级处理：如果以上方法都失败，提取地址前几个字符作为区域显示 if (!currentDistrict && !currentCity && address) { // 最后的降级方案：使用地址的前几个字符 currentDistrict = address.substring(0, 4) || '定位中...'; console.debug('📍 降级使用地址前缀:', currentDistrict); } console.debug('📍 最终解析的区域信息:', { address, currentDistrict, currentCity, locationData: location }); this.setData({ currentAddress: address, addressDetail: addressDetail, currentDistrict: currentDistrict, currentCity: '' // 不显示城市信息，只显示区级信息 }); if (!this.lastWeatherFetch || (Date.now() - this.lastWeatherFetch) > 30 * 60 * 1000) { this.lastWeatherFetch = Date.now(); this.loadWeatherInfo(location.latitude, location.longitude); } // 更新位置信息到服务器 this.updateLocationToServer({ ...location, address: address, addressDetail: addressDetail }); }, // 更新位置到服务器 - 尝试从响应中获取地址信息 async updateLocationToServer(locationData) { try { // 🔥 添加登录状态检查 const app = getApp(); const isLoggedIn = app?.globalData?.isLoggedIn || false; if (!isLoggedIn) { // 未登录状态下，使用设备直接返回的地址信息（如果有） if (locationData.address) { this.setData({ currentDistrict: locationData.address, locationLoading: false }); } return { success: false, error: '用户未登录', skipAuth: true }; } const systemInfo = this.systemInfoHelper.getSystemInfoSync(); const updateData = { latitude: parseFloat(locationData.latitude), longitude: parseFloat(locationData.longitude), altitude: parseFloat(locationData.altitude) || 0, accuracy: parseFloat(locationData.accuracy) || 0, speed: parseFloat(locationData.speed) || 0, direction: parseFloat(locationData.direction) || 0, deviceType: 'miniprogram', deviceModel: systemInfo.model || 'Unknown', battery: systemInfo.battery || 100 }; console.log('✅ 上传的经纬度:', ' latitude ' + locationData.latitude + ' longitude ' + locationData.longitude); const response = await this.apiClient.updateLocation(updateData); console.log('✅ 位置更新成功，服务器响应:', response); // 🔥 优化：从服务器响应中获取准确的地址信息 if (response && response.data) { const serverData = response.data; // 检查服务器是否返回了地址信息 if (serverData.address || serverData.district || serverData.city || serverData.province) { // 服务器位置信息是基于坐标查询的，比本地解析更准确 // 对于登录用户，始终优先使用服务器返回的地址信息 if (isLoggedIn) { const newDistrict = serverData.district || serverData.city || this.data.currentDistrict; const newAddress = serverData.address || this.data.currentAddress; this.setData({ // currentDistrict: newDistrict, currentCity: '', // 不显示城市信息，只使用区级信息 currentAddress: newAddress }); console.debug('✅ 已使用位置更新接口的地址信息更新左上角显示:', { district: newDistrict, address: newAddress }); } // 对于未登录用户，如果当前区域信息不准确或缺失，优先使用服务器信息 else if (!this.data.currentDistrict || this.data.currentDistrict === '定位中...' || this.data.currentDistrict === '位置信息' || this.data.currentDistrict.includes('位置 ')) { const newDistrict = serverData.district || serverData.city || this.data.currentDistrict; const newAddress = serverData.address || this.data.currentAddress; this.setData({ // currentDistrict: newDistrict, currentCity: '', // 不显示城市信息，只使用区级信息 currentAddress: newAddress }); } } } } catch (error) { console.error('❌ 位置更新失败:', error); // 不阻断用户体验，仅记录错误 } }, // 处理位置错误 handleLocationError(error) { console.error('位置服务错误:', error); let errorMessage = '获取位置失败'; if (error.errMsg) { if (error.errMsg.includes('auth deny')) { errorMessage = '位置权限被拒绝，请在设置中开启位置权限'; } else if (error.errMsg.includes('timeout')) { errorMessage = '定位超时，请检查网络连接'; } else if (error.errMsg.includes('locate fail')) { errorMessage = '定位失败，请稍后重试'; } } wx.showToast({ title: errorMessage, icon: 'none', duration: 3000 }); // 设置默认位置（如果有的话） if (this.data.defaultLocation) { this.setData({ longitude: this.data.defaultLocation.longitude, latitude: this.data.defaultLocation.latitude, currentAddress: this.data.defaultLocation.address || '位置获取失败' }); } }, // 启动位置更新服务 - 增强版：实时位置更新 startLocationService() { // 清除旧的定时器 if (this.locationTimer) { clearInterval(this.locationTimer); } // if (!this.data.hasUserInteractedWithMap) { // this.setData({ // shouldFollowLocation: false // }); // } // 立即更新一次位置 if (this.data.amapReady) { this.getCurrentLocation(); } const refreshInterval = config?.locationUpdateInterval || 30000; this.locationTimer = setInterval(() => { if (this.data.amapReady) { this.getCurrentLocation(); } }, refreshInterval); }, // 停止位置更新服务 stopLocationService() { if (this.locationTimer) { clearInterval(this.locationTimer); this.locationTimer = null; } }, // 计算两点之间的距离（米） calculateDistance(lat1, lng1, lat2, lng2) { const R = 6371000; // 地球半径（米） const dLat = (lat2 - lat1) * Math.PI / 180; const dLng = (lng2 - lng1) * Math.PI / 180; const a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) * Math.sin(dLng / 2) * Math.sin(dLng / 2); const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); return R * c; }, // 格式化距离显示 formatDistance(distance) { if (distance < 1000) { return Math.round(distance) + 'm'; } else if (distance < 10000) { return (distance / 1000).toFixed(1) + 'km'; } else { return Math.round(distance / 1000) + 'km'; } }, // 加载好友位置 async loadFriendsLocation() { try { console.debug('👥 开始加载好友位置'); // const response = await this.apiClient.getFriendsLocation(); const [region, scaleResult] = await Promise.all([ this.getMapRegion(), this.getMapScale() ]); let scale = Math.round(scaleResult?.scale || this.data.scale || 13); const payload = buildBoundsPayload(region); if (scale > 20) { scale = 20; } const friendsAndStrangerSprams = { "bounds": payload.bounds, "zoomLevel": scale, "displayMode": "friends", // "maxPoints": 200, // "clusterThreshold": 100, // "onlineMode": "all", "showOffline": true, "clusterThreshold": this.data.clusterThreshold, // "genderFilter": 0, // "ageRangeMin": 18, // "ageRangeMax": 35, // "memberOnly": false, // "enableRealTimeUpdate": false, // "currentLat": this.data.myLocation.latitude, // "currentLng": this.data.myLocation.longitude } let response = await this.apiClient.getFriendsAndStranger(friendsAndStrangerSprams); // 处理API响应数据结构 if (response && response.code === 0 && response.data) { if (!this.data.mapFeedVisible && !this.data.isOnline) { // if (scale > 8) { // response = mockResponseFriend // } else { // response = mockResponseFriendMarkerCluster; // } this.addFriendsMarkersByResult(response.data); this.setData({ friendsData: response.data.userPoints }); } // 只保存数据，不直接操作markers数组 // this.setData({ // friendsData: friendsLocation, // friendsCount: friendsLocation.length // }); // 调用统一的标记管理函数来更新地图标记 } else { console.debug('📍 暂无好友位置信息'); this.setData({ friendsCount: 0, friendsData: [] }); // 调用统一的标记管理函数来更新地图标记 } } catch (error) { console.error('❌ 加载好友位置失败:', error); // this.setData({ // friendsCount: 0, // friendsData: [] // }); // 调用统一的标记管理函数来更新地图标记 // 只对已登录用户显示友好的错误提示 const app = getApp(); const isLoggedIn = app?.globalData?.isLoggedIn || false; // if (isLoggedIn && error.message && !error.message.includes('401')) { // wx.showToast({ // title: '好友位置加载失败', // icon: 'none', // duration: 2000 // }); // } } }, // 回到自己位置 - 定位按钮功能 centerToUserLocation() { if (!this.data.myLocation) { this.getCurrentLocation(); return; } // 设置为跟随用户位置，并重置交互标记 this.setData({ shouldFollowLocation: false, hasUserInteractedWithMap: false }); // 移动地图到自己的位置 this.mapCtx.moveToLocation({ latitude: this.data.myLocation.latitude, longitude: this.data.myLocation.longitude }); // 重置缩放级别到合适的级别 this.setData({ latitude: this.data.myLocation.latitude, longitude: this.data.myLocation.longitude, currentMapScale: 16 }); // 获取地图上下文（关键：确保能拿到实时缩放级别） this.mapCtx = wx.createMapContext('main-map') // 初始化计算 let that = this; setTimeout(() => { that.updateScale() }, 1000) }, //收藏地址 async onPoiFavoriteCommon(address, latitude, longitude, name) { wx.request({ url: `${config.api.baseUrl}/api/v1/location/place-mark`, method: 'POST', data: JSON.stringify({ "name": name, "category": "home", // "home" | "work" | "favorite" | "other" "icon": "home_icon", "latitude": latitude, "longitude": longitude, "address": address, "description": "温馨的家", "isPrivate": true, "reminder": false }), header: { 'Authorization': `Bearer ${apiClient.getToken()}`, 'Content-Type': 'application/json', }, success: (res) => { if (res.data.code === 0) { this.setData({ placeMarkId: res.data.data.placeMarkId, mapClickCollect: '取消收藏' }); wx.showToast({ title: '已收藏', icon: 'success' }); } else { wx.showToast({ title: '收藏失败', icon: 'success' }); } }, fail: () => { wx.showToast({ title: '收藏失败，请重试', icon: 'none' }); } }); }, //取消收藏 async onPoiCancelCommon(placeMarkId) { wx.request({ url: `${config.api.baseUrl}/api/v1/location/place-mark/${placeMarkId}`, method: 'DELETE', header: { 'Authorization': `Bearer ${apiClient.getToken()}`, 'Content-Type': 'application/json', }, success: (res) => { if (res.data.code === 0) { this.setData({ placeMarkId: "", mapClickCollect: "收藏" }); wx.showToast({ title: '取消收藏成功', icon: 'success' }); } else { wx.showToast({ title: '取消收藏失败', icon: 'success' }); } }, fail: () => { wx.showToast({ title: '取消收藏失败，请重试', icon: 'none' }); } }); }, //收藏地址 async onPoiFavorite(e) { const address = e.currentTarget.dataset.poidetail.address; const latitude = e.currentTarget.dataset.poidetail.latitude; const longitude = e.currentTarget.dataset.poidetail.longitude; const name = e.currentTarget.dataset.poidetail.name; if (this.data.placeMarkId == '') { //空 说明还没有收藏地址 this.onPoiFavoriteCommon(address, latitude, longitude, name); } else { //说明刚才收藏了 再点击就是取消 this.onPoiCancelCommon(this.data.placeMarkId); } }, // 地图区域变化完成事件 onMapRegionChange(e) { // 无论缩放开始/进行中/结束，都强制更新（确保不遗漏） console.log("地图移动---->" + e.detail); // this.addDynamicMarkersByResult(mockResponseDynamic.data); const type = e.causedBy; if (type === 'scale') { //放大缩小 this.updateScale() } const detail = e.detail || {}; const changeType = e.type || 'unknown'; // if (detail.causedBy !== 'update') { // } // 当地图被手动拖动时，停止跟随用户位置 if (changeType === 'end' && (detail.causedBy === 'drag' || detail.causedBy === 'scale')) { this.setData({ shouldFollowLocation: false, hasUserInteractedWithMap: true }); } // 只在拖拽结束时处理，避免频繁触发 if (changeType === 'end' && detail.scale) { setTimeout(() => { const currentScale = Math.round(detail.scale); // this.setData({ // currentMapScale: currentScale // }); if (this.mapCtx && this.data.myLocation) { try { // 更新用户标记的位置 // this.data.userMarker.latitude = this.data.myLocation.latitude; // this.data.userMarker.longitude = this.data.myLocation.longitude; if (this.data.isOnline && !this.data.mapFeedVisible) { this.loadNearbyUsers(); } if (!this.data.mapFeedVisible && !this.data.isOnline) { this.loadFriendsLocation(); } if (this.data.mapFeedVisible) { this.scheduleMapFeedRefresh('location'); } } catch (error) { console.error('⚠️ 地图区域变化后更新标记失败:', error); } } }, 300); const isUserGesture = detail.causedBy === 'drag' || detail.causedBy === 'scale'; if (isUserGesture) { // this.scheduleMapFeedRefresh('region-change'); } } }, // 地图点击事件 - 显示点击位置的POI资料卡 onMapTap(e) { // 点击地图时关闭用户详情卡片 this.closeUserCard(); this.hideFeedBubble(); // 获取点击位置的经纬度 if (e && e.detail && e.detail.latitude && e.detail.longitude) { // 相机移动到点击位置 if (this.data.shouldFollowLocation) { this.mapCtx && this.mapCtx.moveToLocation({ latitude: e.detail.latitude, longitude: e.detail.longitude }); } } }, // 地图长按事件 onMapLongTap(e) { // 只有在动态模式下才显示发布动态选项 if (this.data.isOnline) { // 保存当前长按位置 const location = { latitude: e.detail.latitude, longitude: e.detail.longitude }; this.setData({ currentDynamicLocation: location, showDynamicInputModal: true, dynamicContent: '' }); } // else { // wx.showToast({ // title: e && e.detail && e.detail.latitude && e.detail.longitude ? // `长按：${e.detail.latitude.toFixed(6)},${e.detail.longitude.toFixed(6)}` : // '长按地图操作', // icon: 'none' // }); // } }, // 关闭动态输入弹窗 closeDynamicInputModal() { this.setData({ showDynamicInputModal: false, dynamicContent: '' }); }, // 输入动态内容 onDynamicContentInput(e) { this.setData({ dynamicContent: e.detail.value }); }, // 发布动态 publishDynamic() { const { dynamicContent, currentDynamicLocation } = this.data; if (!dynamicContent.trim()) { wx.showToast({ title: '动态内容不能为空', icon: 'none' }); return; } if (!currentDynamicLocation) { wx.showToast({ title: '位置信息无效', icon: 'none' }); return; } // 创建新动态 const newDynamic = { id: Date.now(), // 使用时间戳作为唯一ID content: dynamicContent.trim(), latitude: currentDynamicLocation.latitude, longitude: currentDynamicLocation.longitude, creator: this.data.userInfo?.nickname || '匿名用户', avatar: this.data.userInfo?.avatarUrl || '', createTime: new Date().toISOString(), likes: 0, comments: [] }; // 添加到动态列表 const updatedDynamics = [...this.data.locationDynamics, newDynamic]; this.setData({ locationDynamics: updatedDynamics, showDynamicInputModal: false, dynamicContent: '' }); wx.showToast({ title: '动态发布成功', icon: 'success' }); }, // 点击动态标记 onDynamicMarkerTap(e) { const markerId = e.detail.markerId; // 查找对应的动态 const dynamic = this.data.locationDynamics.find(d => d.id === markerId); if (dynamic) { this.setData({ selectedDynamic: dynamic, showDynamicDetailModal: true }); } }, // 关闭动态详情弹窗 closeDynamicDetailModal() { this.setData({ showDynamicDetailModal: false, selectedDynamic: null }); }, onMarkerTap(e) { const markerId = e.detail.markerId || e.markerId; if (markerId === 1) { // 点击的是用户自己的位置 return; } const markers = this.data.markers || []; const clickedMarker = markers.find(marker => String(marker.id) === String(markerId)); const markerType = clickedMarker?.type || ''; // if (markerType === 'map-feed-cluster') { // this.setData({ // currentMapScale:18 // }) // this.toLocationByScale(18, clickedMarker.latitude, clickedMarker.longitude); // return; // } if (markerType === 'stranger-cluster' || markerType === 'friend-cluster') { this.setData({ currentMapScale: 18 }) this.toLocationByScale(18, clickedMarker.latitude, clickedMarker.longitude); return; } if (markerType.startsWith('map-feed')) { this.handleMapFeedMarkerTap(clickedMarker); return; } if (markerType === 'staticData') { this.hideFeedBubble(); wx.showModal({ title: clickedMarker?.title || '位置提示', content: clickedMarker?.description || '暂无更多信息', showCancel: false, confirmText: '我知道了' }); return; } if (markerType === 'merchant') { this.hideFeedBubble(); const merchantId = clickedMarker?.merchantId || (markerId >= 10000 ? markerId - 10000 : null); const merchant = this.data.merchantList?.find(m => m.id === merchantId); if (merchant) { this.setData({ selectedMerchant: merchant, merchantInfoModalVisible: true, activeMerchantId: merchantId }); // 更新markers中的active状态 this.updateMerchantActiveState(merchantId); } return; } if (markerType === 'dynamic') { this.hideFeedBubble(); const dynamic = this.data.locationDynamics.find(d => d.id === markerId); if (dynamic) { this.setData({ selectedDynamic: dynamic, showDynamicDetailModal: true }); } return; } if (markerType == 'friend-single') { // 计算距离 const myLocation = this.data.myLocation; const distance = myLocation ? this.calculateDistance( myLocation.latitude, myLocation.longitude, clickedMarker.latitude, clickedMarker.longitude ) : 0; this.setData({ selectedUser: { ...clickedMarker, distance: distance > 0 ? this.formatDistance(distance) : '', userId: clickedMarker.customId || clickedMarker.userId, nickname: clickedMarker.nickname, avatarUrl: clickedMarker.avatarUrl, originAvatarUrl:clickedMarker.originAvatarUrl, isFriend: true } }); this.hideFeedBubble(); return; } if (markerType == 'stranger-single') { if (clickedMarker) { // 计算距离 const myLocation = this.data.myLocation; const distance = myLocation ? this.calculateDistance( myLocation.latitude, myLocation.longitude, clickedMarker.latitude, clickedMarker.longitude ) : 0; this.setData({ selectedUser: { ...clickedMarker, distance: distance > 0 ? this.formatDistance(distance) : '', userId: clickedMarker.customId || clickedMarker.userId, avatarUrl: clickedMarker.avatarUrl, nickname: clickedMarker.nickname, originAvatarUrl:clickedMarker.originAvatarUrl, isFriend: false } }); this.hideFeedBubble(); return; } } }, toggleLike(){ wx.showToast({ title: '点赞成功', icon: 'none' }); }, // 地图POI点击事件 onPoiTap(e) { console.log('📍 POI点击事件:', e.detail); let that = this; const poi = { name: e.detail.name, address: '', latitude: e.detail.latitude, longitude: e.detail.longitude }; that.setData({ poiDetail: poi, renderKey: Date.now() }) this.tryGetRealLocationInfo(e.detail.latitude, e.detail.longitude).then((realLocationInfo) => { if (realLocationInfo) { // 先重置数据，再重新赋值 this.setData({ poiDetailAddress: realLocationInfo.address, // 先清空 poiDetailShow: true, renderKey: Date.now() }); } }); that.mapCtx && that.mapCtx.moveToLocation({ latitude: poi.latitude, longitude: poi.longitude, success: () => { // 地图移动完成后再设置数据，确保视图同步 that.setData({ latitude: poi.latitude, longitude: poi.longitude, currentMapScale: 17 }); } }); // 获取地图上下文（关键：确保能拿到实时缩放级别） that.mapCtx = wx.createMapContext('main-map') setTimeout(() => { that.updateScale() }, 1000) that.setData({ poiDetailShow: true }); }, toLocationByScale(scale, lat, lon) { let that = this; this.mapCtx && this.mapCtx.moveToLocation({ latitude: lat, longitude: lon, success: () => { // 地图移动完成后再设置数据，确保视图同步 that.setData({ latitude: lat, longitude: lon }); if (scale != -1) { setTimeout(() => { that.updateScale() }, 1000) } } }); }, // 关闭POI详情卡片 closePoiCard() { this.setData({ poiDetail: null, poiDetailShow: false, placeMarkId: '', mapClickCollect: '收藏' }); }, // POI操作：导航 onPoiNavigate() { const poi = this.data.poiDetail; if (!poi) { wx.showToast({ title: '无POI信息', icon: 'none' }); return; } wx.openLocation({ latitude: poi.latitude, longitude: poi.longitude, name: poi.name || '目标位置', address: poi.address || '', scale: 16 }); }, // POI操作：提醒 onPoiRemind() { // 关闭POI弹窗，打开提醒弹窗，初始化范围、好友、模式 const poi = this.data.poiDetail; this.setData({ showPoiRemindModal: true, poiRemindRadius: 300, poiRemindSelectedFriends: [], poiRemindMode: ['arrive'], // 多选 showFriendSelectModal: false, lastPoiForRemind: poi }); this.updatePoiRemindCircle(300); if (poi) { this.fitMapToCircle(poi.latitude, poi.longitude, 300); } }, // 到达/离开提醒多选切换 onPoiRemindModeChange(e) { let values = e.detail.value; if (!Array.isArray(values)) { values = values ? [values] : []; } // 至少保留一个选项，若全取消则默认到达 if (values.length === 0) { values = ['arrive']; } this.setData({ poiRemindMode: values }); }, // 切换好友选中状态 onToggleFriendSelect(e) { const userId = e.currentTarget.dataset.userid; // 选满且未选中的不能再点 if (this.data.poiRemindSelectedFriends.length >= 3 && !this.isFriendSelected(userId)) return; let selected = this.data.poiRemindSelectedFriends.slice(); const idx = selected.findIndex(f => f.userId === userId); if (idx > -1) { selected.splice(idx, 1); } else { if (selected.length >= 3) { wx.showToast({ title: '最多选择3位好友', icon: 'none' }); return; } const friend = this.data.allFriendsList.find(f => f.userId === userId); if (friend) selected.push(friend); } // 更新filteredFriendsList的selected字段 const selectedIds = selected.map(f => f.userId); const filteredFriendsList = this.data.filteredFriendsList.map(f => ({ ...f, selected: selectedIds.includes(f.userId) })); this.setData({ poiRemindSelectedFriends: selected, filteredFriendsList }); }, // 判断某个好友是否已被选中 isFriendSelected(userId) { return this.data.poiRemindSelectedFriends.some(f => f.userId === userId); }, // 完成好友选择，关闭弹窗 onFriendSelectDone() { this.setData({ showFriendSelectModal: false }); }, // 关闭弹窗 onCloseFriendSelect() { this.setData({ showFriendSelectModal: false }); }, // 移除已选好友 onRemoveSelectedFriend(e) { const userId = e.currentTarget.dataset.userid; let selected = this.data.poiRemindSelectedFriends.slice(); const idx = selected.findIndex(f => f.userId === userId); if (idx > -1) { selected.splice(idx, 1); // 更新filteredFriendsList的selected字段 const selectedIds = selected.map(f => f.userId); const filteredFriendsList = this.data.filteredFriendsList.map(f => ({ ...f, selected: selectedIds.includes(f.userId) })); this.setData({ poiRemindSelectedFriends: selected, filteredFriendsList }); } }, // 关闭提醒弹窗 closePoiRemindModal() { this.setData({ showPoiRemindModal: false }); this.updatePoiRemindCircle(0); // 隐藏圆圈 }, // 拖动滑动条时更新范围和圆圈 onPoiRemindRadiusChange(e) { const radius = Number(e.detail.value); this.setData({ poiRemindRadius: radius }); this.updatePoiRemindCircle(radius); // 地图相机包含提醒范围（自适应padding） const poi = this.data.lastPoiForRemind; if (poi) { this.fitMapToCircle(poi.latitude, poi.longitude, radius); } }, // 更新地图上的圆圈覆盖物 updatePoiRemindCircle(radius) { const poi = this.data.poiDetail || this.data.lastPoiForRemind; if (!poi || !radius) { this.setData({ circles: [] }); return; } this.setData({ circles: [{ latitude: poi.latitude, longitude: poi.longitude, color: '#667eea88', fillColor: '#667eea22', radius: radius, strokeWidth: 2 }], lastPoiForRemind: poi }); }, // 刷新数据 onRefresh() { wx.showToast({ title: '刷新中...', icon: 'loading', duration: 1000 }); // 重新获取位置和好友数据 this.getCurrentLocation(); // 如果已有位置信息，直接刷新其他数据 if (this.data.myLocation) { this.loadWeatherInfo(this.data.myLocation.latitude, this.data.myLocation.longitude); } }, // 关闭用户详情卡片 closeUserCard() { this.setData({ selectedUser: null }); }, // 开始聊天 startChat(e) { const userId = e.currentTarget.dataset.userid; const niackName = e.currentTarget.dataset.nickname; // 获取当前用户信息 const userInfo = this.data.userInfo; if (!userInfo) { wx.showToast({ title: '用户信息错误', icon: 'none' }); return; } // 获取当前用户ID const currentUserId = userInfo.user?.customId || userInfo.customId || ''; if (!currentUserId) { wx.showToast({ title: '用户ID错误', icon: 'none' }); return; } // 构建会话ID（单聊格式） // 🔥 修复：不传递conversationId，让聊天页面从API获取正确的会话ID // 跳转到聊天页面，使用正确的路径和参数格式 wx.navigateTo({ url: `/pages/message/chat/chat?targetId=${userId}&name=${encodeURIComponent(niackName)}&chatType=0&sendMessage=${this.data.merchant}` }); }, // 添加好友 addFriend(e) { const userId = e.currentTarget.dataset.userid; // 实现添加好友逻辑 wx.showModal({ title: '添加好友', content: '确定要添加这位用户为好友吗？', success: (res) => { if (res.confirm) { // 调用添加好友API this.performAddFriend(userId); } } }); }, // 执行添加好友 async performAddFriend(userId) { try { const response = await this.apiClient.addFriend(userId, '通过地图添加'); if (response.code === 0) { wx.showToast({ title: '好友请求已发送', icon: 'success' }); this.closeUserCard(); } else { throw new Error(response.message || '添加好友失败'); } } catch (error) { console.error('添加好友失败:', error); wx.showToast({ title: error.message || '添加好友失败', icon: 'none' }); } }, // 查看用户资料 viewProfile(e) { const userId = e.currentTarget.dataset.userid; // 跳转到用户资料页面 wx.navigateTo({ url: `/pages/user-profile/user-profile?userId=${userId}` }); }, // 获取天气信息 async loadWeatherInfo(latitude, longitude) { try { // 🔥 优化：优先使用第三方API获取天气信息，不依赖登录状态 console.debug('🌤️ 开始获取天气信息'); // 1. 首先尝试通过腾讯地图API直接获取真实天气信息 let weatherData = await this.tryGetRealWeatherInfo(latitude, longitude); // 2. 如果第三方API获取失败，再尝试调用服务器天气API if (!weatherData) { const response = await this.apiClient.getWeatherInfo(latitude, longitude); if (response && response.code === 0 && response.data) { weatherData = response.data; } else { } } if (weatherData) { // 转换天气图标 const weatherIcon = this.getWeatherIcon(weatherData.weather, weatherData.icon); // 判断是否为云彩图标 const isCloudIcon = this.isCloudWeatherIcon(weatherData.weather, weatherData.icon, weatherIcon); const weatherInfo = { temperature: Math.round(weatherData.temperature), weather: weatherData.weather, icon: weatherIcon, isCloudIcon: isCloudIcon, humidity: weatherData.humidity, windSpeed: weatherData.windSpeed, windDir: weatherData.windDir, aqi: weatherData.aqi, city: '', // 不显示城市信息，只使用区级信息 updateTime: weatherData.updateTime }; // 🔥 重要修复：使用天气接口返回的准确位置信息更新左上角显示 if (weatherData.city) { // 天气接口返回的城市信息是最准确的（基于坐标查询的） // 优先使用天气接口的位置信息更新左上角显示 let newDistrict = this.data.currentDistrict; // 如果当前区域信息不准确或缺失，使用天气接口的城市信息 if (!this.data.currentDistrict || this.data.currentDistrict === '定位中...' || this.data.currentDistrict === '位置信息' || this.data.currentDistrict.includes('位置 ')) { newDistrict = weatherData.city; } // 更新区域显示信息 this.setData({ currentCity: '', // 不显示城市信息，只使用区级信息 // currentDistrict: newDistrict, weatherInfo: weatherInfo }); } else { // 没有城市信息时，只更新天气信息 this.setData({ weatherInfo: weatherInfo }); } console.debug('✅ 天气信息获取成功:', weatherInfo); } else { // 提供默认天气信息 await this.provideDefaultWeatherInfo(latitude, longitude); } } catch (error) { console.error('❌ 获取天气信息失败:', error); // 🔥 新增：提供默认天气信息，确保用户始终能看到天气数据 await this.provideDefaultWeatherInfo(latitude, longitude); } }, // 提供默认天气信息 async provideDefaultWeatherInfo(latitude, longitude) { // 尝试获取真实天气信息 let defaultWeatherInfo = null; try { // 尝试使用腾讯地图API的天气服务获取真实天气数据 const weatherResponse = await new Promise((resolve, reject) => { wx.request({ url: 'https://apis.map.qq.com/ws/weather/v1/', data: { location: `${latitude},${longitude}`, key: 'OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77' }, success: resolve, fail: reject }); }); // 处理天气API响应 if (weatherResponse && weatherResponse.data && weatherResponse.data.status === 0 && weatherResponse.data.result) { const weatherData = weatherResponse.data.result; const currentWeather = weatherData.weather[0]; // 构建真实天气信息 defaultWeatherInfo = { temperature: parseInt(currentWeather.temp, 10), weather: currentWeather.weather, icon: this.getWeatherIcon(currentWeather.weather, ''), isCloudIcon: this.isCloudWeatherIcon(currentWeather.weather, '', ''), humidity: currentWeather.humidity, windSpeed: currentWeather.wind.degree, windDir: currentWeather.wind.direction, aqi: weatherData.aqi, // 空气质量指数 city: '', // 不显示城市信息，只使用区级信息 updateTime: new Date().toLocaleTimeString() }; console.debug('✅ 成功获取真实天气信息:', defaultWeatherInfo); } else { console.warn('⚠️ 腾讯地图天气API返回数据异常'); } } catch (error) { console.error('❌ 获取真实天气信息失败:', error); } // 如果无法获取真实天气信息，才使用随机数据作为备选 if (!defaultWeatherInfo) { const randomTemp = Math.floor(Math.random() * 20) + 15; // 15-35度 const randomHumidity = Math.floor(Math.random() * 40) + 40; // 40-80% const randomWindSpeed = Math.floor(Math.random() * 10) + 1; // 1-11级 const weatherConditions = ['晴', '多云', '阴', '小雨', '中雨', '大雨']; const randomWeather = weatherConditions[Math.floor(Math.random() * weatherConditions.length)]; // 获取天气图标 const weatherIcon = this.getWeatherIcon(randomWeather, ''); const isCloudIcon = this.isCloudWeatherIcon(randomWeather, '', weatherIcon); // 构建默认天气信息 defaultWeatherInfo = { temperature: randomTemp, weather: randomWeather, icon: weatherIcon, isCloudIcon: isCloudIcon, humidity: randomHumidity, windSpeed: randomWindSpeed, windDir: '东北风', aqi: 60, city: '', // 不显示城市信息，只使用区级信息 updateTime: new Date().toLocaleTimeString() }; } // 确保区域信息不为空 let districtToShow = this.data.currentDistrict; // 先设置一个默认的占位文本，避免显示坐标 if (!districtToShow || districtToShow === '定位中...' || districtToShow.includes('位置 ') || districtToShow === '地图' || districtToShow === '默认') { // 立即设置一个友好的占位符，避免显示坐标 this.setData({ currentDistrict: '定位中...' }); } // 尝试通过API获取真实的地址信息，无论是否登录 this.tryGetRealLocationInfo(latitude, longitude).then((realLocationInfo) => { if (realLocationInfo && realLocationInfo.city) { console.debug('✅ 成功获取真实地址信息:', realLocationInfo); districtToShow = realLocationInfo.district || realLocationInfo.city; } else { // 如果区域信息仍为空，使用坐标推断的位置 if (!districtToShow || districtToShow === '定位中...' || districtToShow.includes('位置 ') || districtToShow === '地图' || districtToShow === '默认') { // 或者尝试其他方式获取位置信息 districtToShow = '北京市'; } } // 先设置天气信息 this.setData({ weatherInfo: defaultWeatherInfo }); // 对于登录用户，保留从服务器获取的真实地址信息 // 直接从全局获取登录状态，避免页面数据同步不及时的问题 const app = getApp(); const isLoggedIn = app?.globalData?.isLoggedIn || false; if (isLoggedIn && this.data.currentDistrict && this.data.currentDistrict !== '定位中...' && !this.data.currentDistrict.includes('位置 ') && this.data.currentDistrict !== '地图' && this.data.currentDistrict !== '默认') { console.debug('✅ 登录用户，保留服务器返回的真实地址信息:', this.data.currentDistrict); return; } // 更新数据 this.setData({ currentCity: '' // 不显示城市信息，只显示区级信息 // currentDistrict: districtToShow }); console.debug('✅ 默认天气信息已提供:', defaultWeatherInfo); }).catch((error) => { console.error('❌ 获取真实地址信息失败:', error); // 如果区域信息仍为空，使用坐标推断的位置 if (!districtToShow || districtToShow === '定位中...' || districtToShow.includes('位置 ') || districtToShow === '地图' || districtToShow === '默认') { // 使用更具体的默认位置 districtToShow = '北京市'; // 不设置城市信息，只使用区级信息 defaultWeatherInfo.city = ''; } // 先设置天气信息 this.setData({ weatherInfo: defaultWeatherInfo }); // 对于登录用户，保留从服务器获取的真实地址信息 // 直接从全局获取登录状态，避免页面数据同步不及时的问题 const app = getApp(); const isLoggedIn = app?.globalData?.isLoggedIn || false; if (isLoggedIn && this.data.currentDistrict && this.data.currentDistrict !== '定位中...' && !this.data.currentDistrict.includes('位置 ') && this.data.currentDistrict !== '地图' && this.data.currentDistrict !== '默认') { console.debug('✅ 登录用户，保留服务器返回的真实地址信息:', this.data.currentDistrict); return; } // 更新数据 this.setData({ currentCity: '', // 不显示城市信息，只使用区级信息 // currentDistrict: districtToShow }); }); }, async tryGetRealWeatherInfo(latitude, longitude) { return null; }, // 尝试获取真实的位置信息 tryGetRealLocationInfo(latitude, longitude) { return new Promise((resolve, reject) => { const key = config.amapKey; // 注意：需单独申请Web服务Key（与小程序Key不同） wx.request({ url: baseAmapUrl + `/geocode/regeo`, data: { location: `${longitude},${latitude}`, key: key, radius: 1000 }, success: (res) => { if (res.data.status === '1') { const addressComponent = res.data.regeocode.addressComponent; const locationInfo = { province: addressComponent.province || '', city: addressComponent.city || '', district: addressComponent.district || '', address: res.data.regeocode.formatted_address || '' }; resolve(locationInfo); } else { reject(new Error('解析失败：' + res.data.info)); } }, fail: reject }); }); }, // 根据天气状况获取对应的表情符号 getWeatherIcon(weather, iconCode) { // 天气图标映射 const weatherIcons = { '晴': '☀️', '多云': '⛅', '阴': '☁️', '小雨': '🌦️', '中雨': '🌧️', '大雨': '⛈️', '雷雨': '⛈️', '雪': '❄️', '小雪': '🌨️', '大雪': '❄️', '雾': '🌫️', '霾': '😷', '沙尘': '🌪️' }; // 根据iconCode映射 const iconMapping = { 'clear-day': '☀️', 'clear-night': '🌙', 'partly-cloudy-day': '⛅', 'partly-cloudy-night': '☁️', 'cloudy': '☁️', 'rain': '🌧️', 'sleet': '🌨️', 'snow': '❄️', 'wind': '💨', 'fog': '🌫️' }; let finalIcon = '🌤️'; // 优先使用iconCode映射，其次使用天气描述映射 if (iconCode && iconMapping[iconCode]) { finalIcon = iconMapping[iconCode]; } else if (weather && weatherIcons[weather]) { finalIcon = weatherIcons[weather]; } return finalIcon; }, // 判断是否为云彩相关图标（需要变成黑色） isCloudWeatherIcon(weather, iconCode, icon) { // 云彩相关的天气状况 const cloudWeatherTypes = ['多云', '阴', '雾', '霾']; // 云彩相关的iconCode const cloudIconCodes = ['partly-cloudy-day', 'partly-cloudy-night', 'cloudy', 'fog']; // 云彩相关的emoji const cloudEmojis = ['⛅', '☁️', '🌫️']; // 检查各种条件 if (weather && cloudWeatherTypes.includes(weather)) { return true; } if (iconCode && cloudIconCodes.includes(iconCode)) { return true; } if (icon && cloudEmojis.includes(icon)) { return true; } return false; }, // 获取附近陌生人用户（新增功能） async loadNearbyUsers() { try { const myLocation = this.data.myLocation; if (!myLocation) { return; } console.debug('👥 开始获取附近用户'); const [region, scaleResult] = await Promise.all([ this.getMapRegion(), this.getMapScale() ]); let scale = Math.round(scaleResult?.scale || this.data.scale || 13); const payload = buildBoundsPayload(region); if (scale > 20) { scale = 20; } const friendsAndStrangerSprams = { "bounds": payload.bounds, "onlineMode": "all", "zoomLevel": scale, "displayMode": "strangers", // "maxPoints": 200, "clusterThreshold": this.data.clusterThreshold, // "onlineMode": "all", // "showOffline": true, // "genderFilter": 0, // "ageRangeMin": 18, // "ageRangeMax": 35, // "memberOnly": false, // "enableRealTimeUpdate": false, "currentLat": this.data.myLocation.latitude, "currentLng": this.data.myLocation.longitude } let response = await this.apiClient.getFriendsAndStranger(friendsAndStrangerSprams); if (response && response.code === 0 && response.data) { if (this.data.isOnline && !this.data.mapFeedVisible) { this.addStrangerMarkersByResult(response.data); } } else { console.debug('📍 暂无附近用户'); this.nearbyUsersData = []; this.setData({ strangersCount: 0 }); if (this.data.isOnline) { // this.addStrangerMarkersData(); } } } catch (error) { console.error('❌ 获取附近用户失败:', error); this.nearbyUsersData = []; this.setData({ strangersCount: 0 }); if (this.data.isOnline) { // this.addStrangerMarkersData(); } } }, //添加陌生人数据 addStrangerMarkersByResult(responseStranger) { const userPoints = responseStranger.userPoints || []; const clusters = responseStranger.clusters || []; this.clearMarkersByType("stranger-cluster"); this.clearMarkersByType("stranger-single"); const strangerMarkers = userPoints.map((stranger, index) => { // 为每个标记生成唯一id和随机经纬度偏移 console.log("responseStranger--->single" + "lat--->" + stranger.latitude + "long--->" + stranger.longitude); let avatarUrl = '/images/default-stranger.png'; if (stranger.avatar) { if (stranger.avatar.includes('myqcloud')) { avatarUrl = stranger.avatar + '?imageMogr2/auto-orient/thumbnail/100x100/quality/85'; } else { avatarUrl = stranger.avatar } } const marker = { id: MAP_FEED_MARKER_STRANGER_ID + index, // 基于基础坐标添加随机偏移（确保经纬度不同） latitude: stranger.latitude, longitude: stranger.longitude, iconPath: marker_blank, type: 'stranger-single', customId: stranger.customId, clusterColor: '#FF0000', avatarUrl: avatarUrl, originAvatarUrl: stranger.avatar, merchantType: '', isOnline: stranger.isOnline, nickname: stranger.nickname, // 昵称加索引区分 battery: 100, width: 45, height: 45, radius: 380, joinCluster: false, title: stranger.nickname, customCallout: { anchorY: 50, anchorX: 0, display: 'ALWAYS' }, }; return marker; }); this.updateMarkersByMarkersType(strangerMarkers); const strangerClusterMarkers = clusters.map((stranger, index) => { console.log("responseStranger--->cluster" + "lat--->" + stranger.latitude + "long--->" + stranger.longitude); const marker = { // id: stranger.customId, id: MAP_FEED_CLUSTER_STRANGER_ID + index, latitude: stranger.latitude, longitude: stranger.longitude, iconPath: marker_blank, feedCount: stranger.onlineCount, customId: stranger.clusterId, type: 'stranger-cluster', badgeColor: MAP_FEED_MARKER_STYLE.stranger.background, badgeTextColor: MAP_FEED_MARKER_STYLE.stranger.color, battery: 100, customCallout: { anchorY: 50, anchorX: 0, display: 'ALWAYS' }, radius: 380, width: 45, height: 45, }; return marker; }); this.updateMarkersByMarkersType(strangerClusterMarkers); }, //添加好友数据 addFriendsMarkersByResult(responseStranger) { const userPoints = responseStranger.userPoints || []; const clusters = responseStranger.clusters || []; // 生成100个经纬度不同的标记 this.clearMarkersByType("friend-single"); this.clearMarkersByType("friend-cluster"); const friendMarkers = userPoints.map((stranger, index) => { // 为每个标记生成唯一id和随机经纬度偏移 let avatarUrl = '/images/default-stranger.png'; if (stranger.avatar) { if (stranger.avatar.includes('myqcloud')) { avatarUrl = stranger.avatar + '?imageMogr2/auto-orient/thumbnail/100x100/quality/85'; } else { avatarUrl = stranger.avatar } } const marker = { // id: stranger.customId, id: MAP_FEED_MARKER_FRIEND_ID + index, // 基于基础坐标添加随机偏移（确保经纬度不同） latitude: stranger.latitude, longitude: stranger.longitude, iconPath: marker_blank, type: 'friend-single', originAvatarUrl:stranger.avatar, customId: stranger.customId, clusterColor: '#FF0000', avatarUrl: avatarUrl, merchantType: '', isOnline: stranger.isOnline, nickname: stranger.nickname, // 昵称加索引区分 battery: 100, width: 45, height: 45, joinCluster: false, title: stranger.nickname, radius: 380, customCallout: { anchorY: 50, anchorX: 0, display: 'ALWAYS' }, }; return marker; }); this.updateMarkersByMarkersType(friendMarkers); const friendClusterMarkers = clusters.map((stranger, index) => { // 为每个标记生成唯一id和随机经纬度偏移 const marker = { // id: stranger.customId, id: MAP_FEED_CLUSTER_FRIEND_ID + index, latitude: stranger.latitude, longitude: stranger.longitude, iconPath: marker_blank, feedCount: stranger.onlineCount, customId: stranger.clusterId, type: 'friend-cluster', badgeColor: MAP_FEED_MARKER_STYLE.stranger.background, badgeTextColor: MAP_FEED_MARKER_STYLE.stranger.color, battery: 100, customCallout: { anchorY: 50, anchorX: 0, display: 'ALWAYS' }, radius: 380, width: 45, height: 45, }; return marker; }); this.updateMarkersByMarkersType(friendClusterMarkers); }, // 生成0.001到0.01之间的随机数（复用之前的方法） getRandomNumber() { const min = 0.001; const max = 0.01; return min + Math.random() * (max - min); }, // 生成随机偏移量（可正负，扩大差异范围） getRandomOffset() { const min = -1.0; // 负偏移，扩大范围 const max = 1.0; return min + Math.random() * (max - min); }, updateMarkersByMarkersType(toBeUpdateMarkers = []) { if (toBeUpdateMarkers.length == 0) { return; } // 验证标记点数据 toBeUpdateMarkers.forEach((newMarker, index) => { // 确保每个标记点都有必要的属性 if (!newMarker.width || !newMarker.height) { console.warn(`标记点 ${newMarker.id} 缺少尺寸属性，使用默认值`); newMarker.width = newMarker.width || 45; newMarker.height = newMarker.height || 45; } if (!newMarker.id) { console.error(`第 ${index} 个标记点缺少 id 属性`); newMarker.id = Date.now() + index; // 生成临时 ID } }); // console.log('进入updateMarkers方法，参数：', JSON.stringify(toBeUpdateMarkers)); // console.log('allMarkers：', JSON.stringify(this.data.allMarkers)); let newMarkers = []; newMarkers = this.data.allMarkers; toBeUpdateMarkers.forEach(newMarker => { // 查找是否已有相同id的marker const existingIndex = this.data.allMarkers.findIndex(marker => marker.id === newMarker.id); if (existingIndex > -1) { // 存在：替换该位置的marker（更新所有属性） // this.data.allMarkers[existingIndex] = newMarker; newMarkers[existingIndex] = newMarker } else { // 不存在：添加到数组 // this.data.allMarkers.push(newMarker); newMarkers.push(newMarker); } }); console.log('最终显示的markers：', JSON.stringify(newMarkers)); this.setData({ allMarkers: newMarkers }); this.setData({ markers: [] }, () => { this.setData({ markers: newMarkers }); }); }, // 生成0.001到0.01之间的随机数（复用之前的方法） getRandomNumber() { const min = 0.001; const max = 0.01; return min + Math.random() * (max - min); }, // 生成随机偏移量（可正负，扩大差异范围） getRandomOffset() { const min = -1.0; // 负偏移，扩大范围 const max = 1.0; return min + Math.random() * (max - min); }, // 偶遇模式开关 onDynamicToggle(e) { if (this.data.mapFeedVisible) { wx.showToast({ title: '请先关闭动态', icon: 'none', duration: 1200 }); return; } this.setData({ isOnline: !this.data.isOnline }); if (this.data.isOnline) { this.clearMarkersByType("friend-single"); this.clearMarkersByType("friend-cluster"); this.loadNearbyUsers(); this.setData({ markers: this.data.allMarkers }); } else { this.clearStranger(); this.loadFriendsLocation() } }, //清除陌生人数据 clearStranger() { //关闭偶遇时 删除陌生人数据 this.data.allMarkers = this.data.allMarkers.filter(item => { // 返回 true 表示保留该元素，false 表示删除 return item.type !== "stranger-single"; // 这里替换为你的判断条件 }); this.data.allMarkers = this.data.allMarkers.filter(item => { // 返回 true 表示保留该元素，false 表示删除 return item.type !== "stranger-cluster"; // 这里替换为你的判断条件 }); this.mapStrangerMarkerLookup.clear(); this.setData({ markers: this.data.allMarkers }); }, clearMarkersByType(type) { //关闭偶遇时 删除陌生人数据 this.data.allMarkers = this.data.allMarkers.filter(item => { // 返回 true 表示保留该元素，false 表示删除 return item.type !== type; // 这里替换为你的判断条件 }); // this.setData({ // markers: this.data.allMarkers // }); }, //清除好友数据 clearFriend() { //关闭偶遇时 删除陌生人数据 this.data.allMarkers = this.data.allMarkers.filter(item => { // 返回 true 表示保留该元素，false 表示删除 return item.type !== "friend-single"; // 这里替换为你的判断条件 }); this.data.allMarkers = this.data.allMarkers.filter(item => { // 返回 true 表示保留该元素，false 表示删除 return item.type !== "friend-cluster"; // 这里替换为你的判断条件 }); this.mapStrangerMarkerLookup.clear(); this.setData({ markers: this.data.allMarkers }); }, // 初始化静态数据 initStaticData() { // 模拟静态数据，实际项目中可能从API获取 const staticData = [{ id: 'static1', title: '热门景点', description: '游客推荐', latitude: 44.897383746906186 + 0.005, longitude: 82.07800276534772 + 0.005, imageUrl: '/images/map/marker_lan.png' }, { id: 'static2', title: '美食推荐', description: '当地特色', latitude: 44.897383746906186 - 0.005, longitude: 82.07800276534772 + 0.005, imageUrl: '/images/map/marker_hong.png' }, { id: 'static3', title: '购物中心', description: '购物天堂', latitude: 44.897383746906186 + 0.005, longitude: 82.07800276534772 - 0.005, imageUrl: '/images/map/marker_yule.png' } ]; this.setData({ staticDataMarkers: staticData }); }, // 初始化合作商家标记 initMerchantMarkers() { try { // 获取所有商家数据 const merchants = getAllMerchants(); // 将商家数据转换为marker格式 const merchantMarkers = convertMerchantsToMarkers(merchants); // 保存商家列表到data中（用于点击事件查找） this.setData({ merchantList: merchants }); // 将商家markers添加到地图 if (merchantMarkers && merchantMarkers.length > 0) { this.updateMarkersByMarkersType(merchantMarkers); console.log('✅ 已加载', merchantMarkers.length, '个合作商家标记'); } } catch (error) { console.error('❌ 初始化商家标记失败:', error); } }, scheduleMapFeedRefresh(trigger = 'auto') { if (!this.mapCtx) { return; } if (!this.data.mapFeedVisible) { if (this.mapFeedDebounceTimer) { clearTimeout(this.mapFeedDebounceTimer); this.mapFeedDebounceTimer = null; } return; } if (this.mapFeedDebounceTimer) { clearTimeout(this.mapFeedDebounceTimer); } this.mapFeedDebounceTimer = setTimeout(() => { this.refreshMapFeeds(trigger); }, MAP_FEED_DEBOUNCE); }, async refreshMapFeeds(trigger = 'auto') { if (!this.mapCtx || !this.apiClient) { return; } if (!this.data.mapFeedVisible) { return; } if (!this.mapFeedCache) { this.mapFeedCache = new Map(); } try { const [region, scaleResult] = await Promise.all([ this.getMapRegion(), this.getMapScale() ]); const scale = scaleResult?.scale || this.data.scale || 13; const preset = getFeedScalePreset(scale); const payload = buildBoundsPayload(region); if (!payload) { console.warn('⚠️ 地图区域数据无效，无法请求地图动态'); return; } console.log("preset---->" + preset.mode); console.log("scale---->" + scale); if (preset.mode === 'nearby') { payload.maxResults = 50; } else { payload.level = preset.level; payload.maxResults = 80; } const cacheKey = buildCacheKey(preset, payload); const cachedEntry = this.mapFeedCache.get(cacheKey); this.setData({ mapFeedLoading: true, mapFeedError: '' }); let response; if (preset.mode === 'nearby') { response = await this.apiClient.getMapFeedsNearby(payload); } else { response = await this.apiClient.getMapFeedsAdministrative(payload); } if (!response || response.code !== 200 || !response.data) { throw new Error(response?.message || '地图动态加载失败'); } const isDataSame = JSON.stringify(this.data.cacheEntryString) === JSON.stringify(response.data); this.setData({ cacheEntryString: response.data }); this.mapFeedCache.set(cacheKey, { data: response.data, preset, timestamp: Date.now() }); if (isDataSame) { return; } if (preset.mode === 'nearby') { this.addDynamicMarkersByResult(response.data); } else { this.addDynamicClusterByResult(response.data); } } catch (error) { console.error('❌ 地图动态刷新失败:', error); const errMsg = error?.errMsg || error?.message || ''; const isTransient = errMsg.includes('getRegion') || errMsg.includes('getScale'); if (isTransient && this.data.mapFeedVisible) { setTimeout(() => { this.scheduleMapFeedRefresh('retry'); }, 600); } this.setData({ mapFeedLoading: false, mapFeedError: isTransient ? '' : (errMsg || '地图动态加载失败') }); } }, cropImageToCenter(imagePath) { return new Promise((resolve, reject) => { const TARGET_CROP_W = 87; const TARGET_CROP_H = 77; const RADIUS = 10; const SAFE_RADIUS = Math.min(RADIUS, TARGET_CROP_W / 2, TARGET_CROP_H / 2); if (typeof imagePath !== 'string' || !imagePath.trim()) { return reject(new Error('图片路径不能为空')); } wx.getImageInfo({ src: imagePath, success: (imgInfo) => { const { width: ORI_W, height: ORI_H, path: ORI_LOCAL_PATH } = imgInfo; // 计算等比缩放比例 const targetRatio = TARGET_CROP_W / TARGET_CROP_H; const imageRatio = ORI_W / ORI_H; let scaledW, scaledH; if (imageRatio > targetRatio) { scaledH = TARGET_CROP_H; scaledW = (ORI_W * TARGET_CROP_H) / ORI_H; } else { scaledW = TARGET_CROP_W; scaledH = (ORI_H * TARGET_CROP_W) / ORI_W; } // 计算裁剪中心点 const centerX = (scaledW - TARGET_CROP_W) / 2; const centerY = (scaledH - TARGET_CROP_H) / 2; const cropX = Math.max(0, centerX); const cropY = Math.max(0, centerY); const query = wx.createSelectorQuery(); query.select('#cropCanvas') .fields({ node: true, size: true }) .exec((res) => { if (!res[0] || !res[0].node) { return reject(new Error('未找到Canvas画布')); } const canvas = res[0].node; const ctx = canvas.getContext('2d'); const dpr = wx.getSystemInfoSync().pixelRatio; // 正确设置Canvas尺寸 canvas.width = TARGET_CROP_W * dpr; canvas.height = TARGET_CROP_H * dpr; ctx.scale(dpr, dpr); ctx.imageSmoothingEnabled = true; ctx.imageSmoothingQuality = 'high'; const image = canvas.createImage(); image.src = ORI_LOCAL_PATH; image.onload = () => { try { ctx.clearRect(0, 0, TARGET_CROP_W, TARGET_CROP_H); // 创建圆角裁剪路径 ctx.beginPath(); this.createRoundedPath(ctx, 0, 0, TARGET_CROP_W, TARGET_CROP_H, SAFE_RADIUS); ctx.clip(); // 绘制图片 ctx.drawImage(image, -cropX, -cropY, scaledW, scaledH); // 导出图片 wx.canvasToTempFilePath({ canvas: canvas, destWidth: TARGET_CROP_W * dpr, destHeight: TARGET_CROP_H * dpr, fileType: 'png', quality: 1, success: (res) => resolve(res.tempFilePath), fail: (err) => reject(new Error(`导出失败：${err.errMsg}`)) }); } catch (e) { reject(new Error(`绘制失败：${e.message}`)); } }; image.onerror = () => reject(new Error('图片加载失败')); }); }, fail: (err) => reject(new Error(`获取图片信息失败：${err.errMsg}`)) }); }); }, // 圆角路径创建函数 createRoundedPath(ctx, x, y, width, height, radius) { ctx.beginPath(); ctx.moveTo(x + radius, y); ctx.arcTo(x + width, y, x + width, y + height, radius); ctx.arcTo(x + width, y + height, x, y + height, radius); ctx.arcTo(x, y + height, x, y, radius); ctx.arcTo(x, y, x + width, y, radius); ctx.closePath(); }, /** * 小程序版 - 动态添加Marker（保留你的原始逻辑，仅适配裁剪方法） */ async addDynamicMarkersByResult(responseStranger) { console.log("responseStranger----->" + JSON.stringify(responseStranger)); const userPoints = responseStranger.points || []; const friendMarkers = userPoints.map(async (stranger, index) => { // 注意async let thumbnail = "/images/findme-logo.png"; let avatarUrl = ''; try { if (stranger.thumbnail && stranger.thumbnail.includes('myqcloud')) { // 清理腾讯云原有缩放参数（保留你的原始逻辑） const cleanImageUrl = stranger.thumbnail.replace("thumbnail=300x300", ""); // 调用小程序版裁剪方法 thumbnail = await this.cropImageToCenter(stranger.thumbnail); } else { avatarUrl = stranger.thumbnail; // 保留你的原始逻辑 } if (avatarUrl) { thumbnail = marker_blank; // 保留你的原始逻辑（需确保marker_blank已定义） } } catch (error) { // 裁剪失败兜底（保留你的原始逻辑） console.error(`第${index}个marker裁剪失败：`, error); thumbnail = "/images/findme-logo.png"; } console.log("thumbnail-->" + thumbnail); // 保留你原始的marker结构，仅调整宽高为86/77 const marker = { id: Number(MAP_FEED_SINGLE_BASE_ID + index), // 需确保MAP_FEED_SINGLE_BASE_ID已定义 latitude: stranger.location.latitude, longitude: stranger.location.longitude, iconPath: thumbnail ? thumbnail : "/images/findme-logo.png", type: 'map-feed-single', feedUuid: stranger.feedUuid, likeCount: stranger.likeCount, commentCount: stranger.commentCount, clusterColor: '#FF0000', avatarUrl: avatarUrl, originalUrl: stranger.thumbnail ? stranger.thumbnail : "/images/findme-logo.png", merchantType: '', zIndex: 10, battery: 100, width: 87, // 裁剪宽度 height: 77, // 裁剪高度 imageLoaded: false, radius: 380, joinCluster: false, customCallout: { anchorY: 86, anchorX: 0, display: 'ALWAYS' }, }; return marker; }); // 等待所有marker异步处理完成 const resolvedMarkers = await Promise.all(friendMarkers); // 保留你原始的清空/更新逻辑 this.clearMarkersByType("map-feed-single"); this.clearMarkersByType("map-feed-cluster"); this.updateMarkersByMarkersType(resolvedMarkers); }, //添加区城市省级国家级动态数据 addDynamicClusterByResult(responseStranger) { const userPoints = responseStranger.userPoints || []; const clusters = responseStranger.clusters || []; const friendMarkers = userPoints.map((stranger, index) => { // 为每个标记生成唯一id和随机经纬度偏移 const marker = { id: Number(MAP_FEED_SINGLE_BASE_ID + index), // 基于基础坐标添加随机偏移（确保经纬度不同） latitude: stranger.latitude, longitude: stranger.longitude, iconPath: marker_blank, type: 'map-feed-single', customId: stranger.customId, clusterColor: '#FF0000', avatarUrl: stranger.thumbnail ? stranger.thumbnail : '/images/findme-logo.png', merchantType: '', isOnline: stranger.isOnline, nickname: stranger.nickname, // 昵称加索引区分 battery: 100, width: 45, height: 45, radius: 380, joinCluster: false, title: stranger.nickname, customCallout: { anchorY: 50, anchorX: 0, display: 'ALWAYS' }, }; return marker; }); this.updateMarkersByMarkersType(friendMarkers); const friendClusterMarkers = clusters.filter(stranger => stranger.count !== 1) // 过滤掉 count 为 1 的数据 // const friendClusterMarkers = clusters // 过滤掉 count 为 1 的数据 .map((stranger, index) => { const marker = { // id: stranger.customId, id: Number(MAP_FEED_CLUSTER_BASE_ID + index), latitude: stranger.location.latitude, longitude: stranger.location.longitude, iconPath: marker_blank, feedCount: stranger.count, customId: stranger.id, type: 'map-feed-cluster', badgeColor: MAP_FEED_MARKER_STYLE.cluster.background, badgeTextColor: MAP_FEED_MARKER_STYLE.cluster.color, battery: 100, customCallout: { anchorY: 50, anchorX: 0, display: 'ALWAYS' }, radius: 380, width: 45, height: 45, }; return marker; }); // if (friendClusterMarkers.length > 0) { this.clearMarkersByType("map-feed-single"); this.clearMarkersByType("map-feed-cluster"); // } this.updateMarkersByMarkersType(friendClusterMarkers); }, // 图片预览 previewImage(e) { try { // 获取当前点击的图片索引和动态索引 const originalurl = e.currentTarget.dataset.originalurl; // 优先使用原始图片URL或高质量图片，确保预览完整清晰的图片 const imageUrls = [originalurl]; // 🔥 设置标志，防止预览关闭后触发页面刷新 this._skipNextOnShowReload = true; console.log("originalurl--->"+imageUrls); // 调用微信小程序的图片预览API wx.previewImage({ current: imageUrls[0], // 当前显示图片的URL urls: imageUrls, // 需要预览的图片URL列表 success: () => { // 预览打开成功，标志已设置，关闭时会触发 onShow }, fail: (err) => { console.error('图片预览失败:', err); // 预览失败，清除标志 this._skipNextOnShowReload = false; wx.showToast({ title: '预览图片失败', icon: 'none' }); } }); } catch (error) { console.error('图片预览过程中出错:', error); // 出错时清除标志 this._skipNextOnShowReload = false; wx.showToast({ title: '预览图片失败', icon: 'none' }); } }, // 触摸开始 onTouchStart(e) { this.setData({ startY: e.touches[0].clientY, isMoving: true }); }, // 触摸移动 onTouchMove(e) { if (!this.data.isMoving) return; const moveY = e.touches[0].clientY; const diff = moveY - this.data.startY; // 只允许向下滑动 if (diff > 0) { this.setData({ modalTranslateY: diff }); } }, // 触摸结束 onTouchEnd() { // 滑动距离超过50px则关闭弹窗 if (this.data.modalTranslateY > 50) { if(this.data.searchResultNavigationVisible==true){ this.handleHideBottmNavigation(); this.setData({ modalTranslateY: 0, isMoving: false }); return; } if(this.data.shareShareVisible==true){ this.handleHideShareBottm(); this.setData({ modalTranslateY: 0, isMoving: false }); return; } if(this.data.searchResultInfoModalVisible==true){ this.handleHideBottm(); } } else { // 否则复位 this.setData({ modalTranslateY: 0, isMoving: false }); } }, //开启动态 enableMapFeedView() { this.closeUserCard(); this.hideFeedBubble(); this.setData({ mapFeedVisible: true, mapFeedError: '' }, () => { // 更新地图动态数据标记 this.scheduleMapFeedRefresh('manual'); }); wx.showToast({ title: '已开启附近动态', icon: 'none', duration: 1200 }); }, disableMapFeedView(showToast = true) { if (this.mapFeedDebounceTimer) { clearTimeout(this.mapFeedDebounceTimer); this.mapFeedDebounceTimer = null; } this.hideFeedBubble(); if (this.mapFeedMarkerLookup) { this.mapFeedMarkerLookup.clear(); } this.setData({ mapFeedVisible: false, mapFeedMarkers: [], mapFeedLoading: false, mapFeedError: '' }, () => { this.data.allMarkers = this.data.allMarkers.filter(item => { // 返回 true 表示保留该元素，false 表示删除 return item.type !== "map-feed-single"; // 这里替换为你的判断条件 }); this.data.allMarkers = this.data.allMarkers.filter(item => { // 返回 true 表示保留该元素，false 表示删除 return item.type !== "map-feed-cluster"; // 这里替换为你的判断条件 }); this.setData({ markers: this.data.allMarkers }); }); if (showToast) { wx.showToast({ title: '已关闭附近动态', icon: 'none', duration: 1200 }); } }, //关闭或开启动态 toggleMapFeedView() { if (this.data.mapFeedVisible) { this.disableMapFeedView(true); if (this.data.isOnline) { this.loadNearbyUsers(); } if (!this.data.isOnline) { this.loadFriendsLocation(); } return; } if (!this.ensureLoggedInForAction()) { return; } this.clearStranger(); this.clearFriend(); this.enableMapFeedView(); }, showFeedBubble(bubble) { this.setData({ activeFeedBubble: bubble, activeFeedBubbleLoading: false }); }, hideFeedBubble() { this.setData({ activeFeedBubble: null, activeFeedBubbleSingle: null, activeFeedBubbleLoading: false, activeFeedSingleVisible: false }); }, async handleMapFeedMarkerTap(markerMeta) { if (!markerMeta) { return; } // const markerMeta = this.mapFeedMarkerLookup?.get(marker.id); // if (!markerMeta) { // wx.showToast({ // title: '内容已更新，请重试', // icon: 'none' // }); // return; // } if (markerMeta.type === 'map-feed-single') { let response = await this.apiClient.getFeedsDetail(markerMeta.feedUuid); let nickName = ''; let content = ''; let avatar = ''; if (response.data) { nickName = response.data.user.nickname; content = response.data.content; avatar = response.data.user.avatar; let formatted_time = this.formatCommentTime(response.data.createdAt); const baseBubble = buildBubbleData({ type: markerMeta.type, title: markerMeta.payload?.name || '附近热力区', nickname: nickName, avatar: avatar, content: content, createdAt: formatted_time, thumbnail: markerMeta.originalUrl, location: markerMeta.location, tone: 'sunset' }); this.setData({ activeFeedBubbleSingle: baseBubble, activeFeedSingleVisible: true }); } return; } const radius = markerMeta.location?.radius || 320; const countLabel = formatFeedCountLabel(markerMeta.payload?.count || 0); const baseBubble = buildBubbleData({ type: markerMeta.type, title: markerMeta.payload?.name || '附近热力区', // subtitle: markerMeta.payload?.count ? `含 ${countLabel}` : formatRadiusLabel(radius), chip: countLabel, // heat: formatHeatLabel(markerMeta.payload?.hotScore), // thumbnail: resolveFeedThumbnail(markerMeta.payload), feeds: markerMeta.feedCount, location: markerMeta.location, thumbnail: markerMeta.avatarUrl, // radiusLabel: formatRadiusLabel(radius), tone: 'sunset' }); this.setData({ activeFeedBubble: baseBubble, activeFeedBubbleLoading: false }); // this.loadClusterPreview(markerMeta); }, // 格式化评论时间 formatCommentTime(timeStr) { if (!timeStr) return ''; const commentTime = new Date(timeStr); if (isNaN(commentTime.getTime())) return ''; const now = new Date(); const diffMinutes = Math.floor((now - commentTime) / (1000 * 60)); // 5分钟内：显示"刚刚" if (diffMinutes < 5) return '刚刚'; // 格式化日期时间 const year = commentTime.getFullYear(); const month = commentTime.getMonth() + 1; // 不加前导0，直接显示月份 const day = commentTime.getDate(); const hour = String(commentTime.getHours()).padStart(2, '0'); const minute = String(commentTime.getMinutes()).padStart(2, '0'); // 当前年份：显示不带年份的日期和时间，例如：8月24日 17:11 // 非当前年份：显示带年份的日期和时间，例如：2024年 8月24日 17:11 const currentYear = now.getFullYear(); return year === currentYear ? `${month}月${day}日 ${hour}:${minute}` : `${year}年 ${month}月${day}日 ${hour}:${minute}`; }, async loadClusterPreview(markerMeta) { if (!markerMeta || !markerMeta.payload) { return; } try { this.setData({ activeFeedBubbleLoading: true }); const response = await this.apiClient.getMapClusterFeeds({ location: { latitude: Number(markerMeta.payload?.location?.latitude), longitude: Number(markerMeta.payload?.location?.longitude) }, radius: 380, limit: MAP_FEED_BUBBLE_LIMIT }); if (!response || response.code !== 200) { throw new Error(response?.message || '加载聚合动态失败'); } const feeds = (response.data?.feeds || []).map((feed) => { const likeCount = feed.interactions?.likeCount || 0; const commentCount = feed.interactions?.commentCount || 0; let description = '刚刚更新'; if (likeCount > 0 || commentCount > 0) { description = `👍 ${likeCount} · 💬 ${commentCount}`; } return { uuid: feed.uuid, title: feed.location?.name || feed.user?.nickname || '附近动态', description, thumbnail: resolveFeedThumbnail({ thumbnail: feed.media?.[0]?.thumbnailUrl || feed.media?.[0]?.url, contentType: feed.type }), hotScore: feed.interactions?.likeCount || 0 }; }); const existingBubble = this.data.activeFeedBubble || {}; const radius = existingBubble.radius || 320; const clusterCount = markerMeta.payload?.count || feeds.length; const countLabel = formatFeedCountLabel(clusterCount); const bubble = buildBubbleData({ type: markerMeta.type, title: markerMeta.payload?.name || existingBubble.title || '附近热力区', subtitle: markerMeta.payload?.count ? `含 ${countLabel}` : (existingBubble.subtitle || formatRadiusLabel(radius)), chip: countLabel, heat: formatHeatLabel(markerMeta.payload?.hotScore), thumbnail: markerMeta.payload?.thumbnail || feeds[0]?.thumbnail || existingBubble.thumbnail, feeds, location: markerMeta.location, radius, radiusLabel: existingBubble.radiusLabel || formatRadiusLabel(radius), tone: existingBubble.tone || 'sunset' }); this.showFeedBubble(bubble); } catch (error) { console.error('加载聚合预览失败:', error); this.setData({ activeFeedBubbleLoading: false }); wx.showToast({ title: error.message || '加载失败', icon: 'none' }); } }, onFeedBubbleMoreTap(e) { if (!this.ensureLoggedInForAction()) { return; } const { lat, lng, radius } = e.currentTarget.dataset || {}; const bubble = this.data.activeFeedBubble || {}; const latitude = Number(lat || bubble.location?.latitude || this.data.latitude); const longitude = Number(lng || bubble.location?.longitude || this.data.longitude); const radiusValue = Number(radius || bubble.radius || 200); if (Number.isNaN(latitude) || Number.isNaN(longitude)) { wx.showToast({ title: '位置信息不可用', icon: 'none' }); return; } this.hideFeedBubble(); const redirectToken = Date.now(); const appInstance = getApp(); if (appInstance && appInstance.globalData) { appInstance.globalData.mapFeedRedirect = { latitude, longitude, radius: Math.max(50, Math.round(radiusValue)), feedUuid: bubble?.feeds?.[0]?.uuid || '', mode: 'map', token: redirectToken }; } wx.switchTab({ url: '/pages/circle/circle' }); }, onFeedBubbleItemTap(e) { if (!this.ensureLoggedInForAction()) { return; } const { uuid, lat, lng, radius } = e.currentTarget.dataset || {}; const bubble = this.data.activeFeedBubble || {}; const latitude = Number(lat || bubble.location?.latitude || this.data.latitude); const longitude = Number(lng || bubble.location?.longitude || this.data.longitude); const radiusValue = Number(radius || bubble.radius || 200); if (Number.isNaN(latitude) || Number.isNaN(longitude)) { wx.showToast({ title: '位置信息不可用', icon: 'none' }); return; } this.hideFeedBubble(); const redirectToken = Date.now(); const appInstance = getApp(); if (appInstance && appInstance.globalData) { appInstance.globalData.mapFeedRedirect = { latitude, longitude, radius: Math.max(50, Math.round(radiusValue)), feedUuid: uuid || '', mode: 'map', token: redirectToken }; } wx.switchTab({ url: '/pages/circle/circle' }); }, getMapRegion() { return new Promise((resolve, reject) => { if (!this.mapCtx) { reject(new Error('地图上下文未初始化')); return; } this.mapCtx.getRegion({ success: resolve, fail: reject }); }); }, getMapScale() { return new Promise((resolve, reject) => { if (!this.mapCtx) { reject(new Error('地图上下文未初始化')); return; } this.mapCtx.getScale({ success: resolve, fail: reject }); }); }, // 加载浮动UI相关数据 async loadFloatingUIData() { try { // 并行加载各种统计数据 await Promise.all([ this.loadUnreadMessageCount(), this.loadFriendRequestCount(), this.loadNearbyCount() ]); } catch (error) { console.error('加载浮动UI数据失败:', error); } }, // 加载未读消息数 async loadUnreadMessageCount() { try { // 这里应该调用消息API获取未读数 // const response = await chatAPI.getTotalUnreadCount(); // this.updateUnreadMessageCount(response.data?.count || 0); // 临时模拟数据 this.updateUnreadMessageCount(0); } catch (error) { console.error('加载未读消息数失败:', error); this.updateUnreadMessageCount(0); } }, // 加载好友请求数 async loadFriendRequestCount() { try { // 这里应该调用好友API获取请求数 // const response = await friendAPI.getFriendRequestCount(); // this.updateFriendRequestCount(response.data?.count || 0); // 临时模拟数据 this.updateFriendRequestCount(0); } catch (error) { console.error('加载好友请求数失败:', error); this.updateFriendRequestCount(0); } }, // 加载附近的人数量 async loadNearbyCount() { try { this.updateNearbyCount(this.data.strangersCount); } catch (error) { console.error('加载附近的人数量失败:', error); this.updateNearbyCount(0); } }, // 🔥 ===== 浮动UI事件处理 ===== // 跳转到个人主页 openProfile() { wx.navigateTo({ url: '/subpackages/profile/profile/profile' }); }, // 打开好友页面 openFriends() { wx.navigateTo({ url: '/pages/social/friends/friends' }); }, // 打开消息页面 openMessages() { wx.navigateTo({ url: '/pages/message/message' }); }, // 打开WebSocket测试页面（开发调试用） openWebSocketTest() { wx.navigateTo({ url: '/subpackages/dev-tools/websocket-test/websocket-test' }); }, // ===== 搜索功能相关方法 ===== // 显示搜索框 showSearchBox() { this.setData({ showSearchBox: true, searchKeyword: '' }); }, // 隐藏搜索框 hideSearchBox() { this.setData({ showSearchBox: false, searchKeyword: '' }); }, // 搜索输入处理 onSearchInput(e) { const keyword = e.detail.value; this.setData({ searchKeyword: keyword }); // 如果输入内容不为空，开始搜索 if (keyword.trim()) { // 模拟搜索延迟 setTimeout(() => { this.searchPlaces(keyword); }, 300); } else { // 清空搜索结果 this.setData({ searchResults: [] }); } }, // 搜索确认处理 onSearchConfirm() { const keyword = this.data.searchKeyword.trim(); if (keyword) { // 如果已有搜索结果，直接定位第一个结果 if (this.data.searchResults && this.data.searchResults.length > 0) { this.onSearchResultTap({ currentTarget: { dataset: { item: this.data.searchResults[0] } } }); } else { // 否则执行搜索 this.searchPlaces(keyword); wx.showToast({ title: `搜索: ${keyword}`, icon: 'none' }); } } }, // 搜索地点 searchPlaces(keyword) { // 显示加载提示 wx.showLoading({ title: '搜索中...', mask: true }); try { // 高德地图 const params = { key: config.amapKey, keywords: keyword, city: this.data.currentCity || '全国', citylimit: false, location: this.data.myLocation ? `${this.data.myLocation.longitude},${this.data.myLocation.latitude}` : '' }; // 调用高德地图API wx.request({ url: baseAmapUrl + '/assistant/inputtips', data: params, method: 'GET', header: { 'content-type': 'application/json' }, success: (res) => { wx.hideLoading(); if (res.statusCode === 200 && res.data && res.data.status === '1' && res.data.tips) { // 转换格式 const searchResults = res.data.tips.map((tip, index) => { // 从location中提取经纬度 let latitude = 0; let longitude = 0; if (tip.location && typeof tip.location === 'string' && tip.location.split(',').length === 2) { const [lng, lat] = tip.location.split(','); longitude = parseFloat(lng); latitude = parseFloat(lat); } // 根据类型设置不同的图标 let icon = '📍'; if (tip.name.includes('酒店')) icon = '🏨'; else if (tip.name.includes('餐厅')) icon = '🍽️'; else if (tip.name.includes('公园')) icon = '🌳'; else if (tip.name.includes('地铁')) icon = '🚇'; else if (tip.name.includes('购物中心') || tip.name.includes('广场')) icon = '🏬'; return { id: `search_${index}`, name: tip.name, address: tip.address || tip.district || '地址不详', latitude: latitude, longitude: longitude, district: tip.district, icon: icon }; }); this.setData({ searchResults: searchResults }); } else { console.error('❌ 搜索失败，返回数据异常:', res.data); wx.showToast({ title: '未找到相关地点', icon: 'none' }); this.setData({ searchResults: [] }); } }, fail: (error) => { wx.hideLoading(); console.error('❌ 搜索请求失败:', error); wx.showToast({ title: '搜索失败，请检查网络', icon: 'none' }); this.setData({ searchResults: [] }); } }); } catch (error) { wx.hideLoading(); console.error('❌ 搜索过程发生异常:', error); wx.showToast({ title: '搜索过程发生异常', icon: 'none' }); } }, // 点击搜索结果 onSearchResultTap(e) { const item = e.currentTarget.dataset.item; this.setData({ selectResult: item, selectedMerchant: item }); // 隐藏搜索框和搜索结果 this.setData({ showSearchBox: false, searchResults: [] }); // 在地图上添加标记 const marker = { id: new Date().getTime(), latitude: item.latitude, longitude: item.longitude, width: 40, height: 40, type: 'search', // 标记类型：搜索结果 iconPath: '/images/map/marker-select-position.png', callout: { content: item.name, display: 'BYCLICK' } }; this.mapCtx.moveToLocation({ latitude: item.latitude, longitude: item.longitude }); this.setData({ latitude: item.latitude, longitude: item.longitude, currentMapScale: 17 }); let that = this; setTimeout(() => { that.updateScale() }, 1000) // 更新标记数组 console.log("markers--->1-->" + this.data.markers.length) const filteredMarkers = this.data.allMarkers.filter(marker => marker.type !== 'search'); this.setData({ markers: filteredMarkers, allMarkers: filteredMarkers }); this.data.allMarkers.push(marker); this.setData({ markers: this.data.allMarkers, merchantName: item.name, merchant: item.district + item.address, }); console.log("markers--->2-->" + this.data.markers.length) this.setData({ searchResultInfoModalVisible: true, modalTranslateY:0, shouldFollowLocation: false }) // 显示提示信息 wx.showToast({ title: "定位成功", icon: 'success' }); }, handleHideBottm() { const filteredMarkers = this.data.allMarkers.filter(marker => marker.type !== 'search'); this.setData({ markers: filteredMarkers, allMarkers: filteredMarkers }); this.setData({ placeMarkId: '', mapClickCollect: '收藏', searchResultInfoModalVisible: false, shouldFollowLocation: false }) }, handleHideBottmNavigation() { this.setData({ searchResultNavigationVisible: false }) }, onSharechant() { this.setData({ shareShareVisible: true, }) }, onNavigation() { let distance = this.data.myLocation ? this.calculateDistance( this.data.myLocation.latitude, this.data.myLocation.longitude, this.data.selectResult.latitude, this.data.selectResult.longitude ) : 0; distance = this.formatDistance(distance); this.setData({ searchResultNavigationVisible: true, distance: distance }) }, onNavigationTap(e) { const type = e.currentTarget.dataset.type; if (type == "gaode") { this.guideToDouyin("请手动打开高德地图粘贴"); } else if (type == "baidu") { this.guideToDouyin("请手动打开百度地图粘贴"); } else if (type == "tengxun") { this.guideToDouyin("请手动打开腾讯地图粘贴"); } else { this.guideToDouyin("地址已复制"); } }, handleShare(e) { const type = e.currentTarget.dataset.type; console.log("share--->" + type); if (type == "douyin") { this.guideToDouyin("请手动打开抖音粘贴"); } else if (type == "weibo") { this.guideToDouyin("请手动打开微博粘贴"); } else if (type == "email") { this.guideToDouyin("请手动打开邮箱粘贴"); } else if (type == "qq") { this.guideToDouyin("请手动打开QQ粘贴"); } else if (type == "copy") { this.guideToDouyin("地址已复制"); } }, // 引导用户手动打开抖音 guideToDouyin(title) { // 先复制文字或保存图片（参考之前的代码） this.copyShareText(); // 假设已实现复制文字的方法 // 提示用户手动打开抖音 wx.showModal({ title: title, content: this.data.merchant, showCancel: false, confirmText: '确定' }); }, // 复制要分享的文字 copyShareText() { const text = this.data.merchant; wx.setClipboardData({ data: text, success: () => {} }); }, // 配置分享到聊天的内容（必填） onShareAppMessage() { return { title: "Find Me", // 分享的文字内容 path: '/custom-tab-bar/index/index', // 点击分享卡片跳转的页面 imageUrl: "/images/findme-logo.png" // 分享时的图片（可选，增强展示效果） }; }, // 在线图加载成功：标记为已加载 handleAvatarLoaded(e) { const { index } = e.currentTarget.dataset; // 获取当前 Marker 索引 this.setData({ [`markers[${index}].imageLoaded`]: true // 关键：给对应 Marker 添加加载完成状态 }); }, // 在线图加载失败（404/网络错误）：保持默认图显示（避免在线图一直透明） handleAvatarError(e) { const { index } = e.currentTarget.dataset; // 可选：如果想加载失败也显示默认图，这里不用改（在线图保持 opacity:0） // 若想重试，可添加重试逻辑： // const markers = this.data.markers; // markers[index].avatarUrl = `${markers[index].avatarUrl}?t=${Date.now()}`; // 加时间戳避免缓存 // this.setData({ markers }); }, // 检查好友关系 async checkFriendRelation(e) { let customId = e.currentTarget.dataset.userid; try { const friendAPI = require('../../utils/friend-api.js'); // 显示加载提示 wx.showLoading({ title: '加载中...', mask: true }); // 获取好友详情 const friendDetailResponse = await friendAPI.getFriendDetail(customId); wx.hideLoading(); if (friendDetailResponse && friendDetailResponse.code === 0 && friendDetailResponse.data) { // 成功获取好友详情，说明是好友关系 this.navigateToFriendProfile(customId); return; } // 跳转到陌生人主页 this.navigateToStrangerProfile(customId); } catch (error) { wx.hideLoading(); console.error('检查好友关系失败:', error); // 跳转到陌生人主页 this.navigateToStrangerProfile(customId); } }, // 跳转到好友主页 navigateToFriendProfile(customId) { if (!customId) { console.error('customId 为空，无法跳转'); wx.showToast({ title: '用户ID无效', icon: 'none' }); return; } const targetUrl = `/subpackages/social/friend-detail/friend-detail?customId=${customId}`; console.log('准备跳转到好友页面:', targetUrl); wx.navigateTo({ url: targetUrl, success: () => { console.log('✅ 成功跳转到好友页面'); }, fail: (err) => { console.error('❌ navigateTo 跳转好友页面失败:', err); // 如果 navigateTo 失败（可能是页面栈已满），尝试使用 redirectTo wx.redirectTo({ url: targetUrl, success: () => { console.log('✅ redirectTo 成功跳转到好友页面'); }, fail: (err2) => { console.error('❌ redirectTo 也失败:', err2); wx.showToast({ title: '跳转失败，请重试', icon: 'none', duration: 2000 }); } }); } }); }, // 跳转到陌生人主页 navigateToStrangerProfile(customId) { if (!customId) { console.error('customId 为空，无法跳转'); wx.showToast({ title: '用户ID无效', icon: 'none' }); return; } const targetUrl = `/subpackages/social/user-preview/user-preview?customId=${customId}`; console.log('准备跳转到陌生人页面:', targetUrl); wx.navigateTo({ url: targetUrl, success: () => { console.log('✅ 成功跳转到陌生人页面'); }, fail: (err) => { console.error('❌ navigateTo 跳转陌生人页面失败:', err); // 如果 navigateTo 失败（可能是页面栈已满），尝试使用 redirectTo wx.redirectTo({ url: targetUrl, success: () => { console.log('✅ redirectTo 成功跳转到陌生人页面'); }, fail: (err2) => { console.error('❌ redirectTo 也失败:', err2); wx.showToast({ title: '跳转失败，请重试', icon: 'none', duration: 2000 }); } }); } }); }, handleHideShareBottm() { this.setData({ shareShareVisible: false }) }, // ===== 更多菜单相关方法 ===== // 切换更多菜单显示状态 toggleMoreMenu() { this.setData({ showMoreMenu: !this.data.showMoreMenu, showMapSettings: false // 确保地图设置不显示 }); }, // 隐藏更多菜单 hideMoreMenu() { this.setData({ showMoreMenu: false }); }, // 处理添加好友 handleAddFriend() { this.hideMoreMenu(); wx.navigateTo({ url: '/subpackages/social/search/search' }); }, // 处理发起群聊 handleStartGroupChat() { this.hideMoreMenu(); wx.navigateTo({ url: '/subpackages/group/create-group/create-group' }); }, // 处理显示二维码 handleShowQRCode() { this.hideMoreMenu(); wx.navigateTo({ url: '/subpackages/qr/qr-code/qr-code' }); }, // 处理扫一扫 handleScanQRCode() { this.hideMoreMenu(); wx.scanCode({ onlyFromCamera: false, success: (res) => { const scanResult = res.result || ''; console.log('扫码结果:', scanResult); // 处理 FindMe 用户二维码格式: FINDME:{customId} if (scanResult && scanResult.startsWith('FINDME:')) { const customId = (scanResult.split(':')[1] || '').trim(); if (!customId) { wx.showToast({ title: '无效的用户二维码', icon: 'none' }); return; } // 检查是否是自己 const currentUser = app.globalData.userInfo?.user; if (currentUser && currentUser.customId === customId) { wx.showToast({ title: '这是你自己的二维码', icon: 'none' }); return; } // 检查好友关系并跳转 this.handleScanResult(customId); } else { wx.showToast({ title: '无效的二维码，这不是FindMe的用户二维码', icon: 'none' }); } }, fail: (err) => { // 用户取消不提示错误 if (err.errMsg && !err.errMsg.includes('cancel')) { console.error('扫一扫失败:', err); wx.showToast({ title: '扫码失败，请重试', icon: 'none' }); } } }); }, // 处理扫码结果（检查好友关系并跳转） async handleScanResult(customId) { if (!customId) { wx.showToast({ title: '用户ID无效', icon: 'none' }); return; } try { const friendAPI = require('../../utils/friend-api.js'); // 显示加载提示 wx.showLoading({ title: '加载中...', mask: true }); // 获取好友详情 const friendDetailResponse = await friendAPI.getFriendDetail(customId); wx.hideLoading(); // 判断是否是好友：code === 0 且有 data 数据 const isFriend = friendDetailResponse?.code === 0 && friendDetailResponse?.data; console.log('扫码好友关系判断结果:', { customId, isFriend, responseCode: friendDetailResponse?.code, hasData: !!friendDetailResponse?.data }); // 根据好友关系跳转到对应页面 if (isFriend) { this.navigateToFriendProfile(customId); } else { this.navigateToStrangerProfile(customId); } } catch (error) { wx.hideLoading(); console.error('检查好友关系失败:', error); // 如果接口调用失败，默认当作陌生人处理 console.log('接口调用失败，当作陌生人处理'); this.navigateToStrangerProfile(customId); } }, // ===== 地图设置相关方法 ===== // 打开地图设置 openMapSettings() { this.setData({ showMapSettings: true, showMoreMenu: false // 确保更多菜单不显示 }); }, // 关闭地图设置 closeMapSettings() { // 先添加滑出动画类 this.setData({ isClosingMapSettings: true }); // 等待动画完成后再隐藏弹窗 setTimeout(() => { this.setData({ showMapSettings: false, isClosingMapSettings: false }); }, 300); // 与CSS动画时间一致 }, // 设置地图图层 setMapLayer(e) { const layer = e.currentTarget.dataset.layer; this.setData({ showTraffic: false, currentMapType: layer, enableSatellite: layer === 'satellite' }); wx.showToast({ title: this.getLayerTitle(layer), icon: 'none' }); }, // 获取图层标题 getLayerTitle(layer) { const titles = { 'standard': '标准地图', 'satellite': '卫星地图', 'jiache': '驾车模式', 'gonggong': '公共交通模式' }; return titles[layer] || '地图模式'; }, // 打开好友选择弹窗 onOpenFriendSelectModal() { // 同步selected字段 const selectedIds = this.data.poiRemindSelectedFriends.map(f => f.userId); const filteredFriendsList = this.data.filteredFriendsList.map(f => ({ ...f, selected: selectedIds.includes(f.userId) })); this.setData({ showFriendSelectModal: true, filteredFriendsList }); }, // 搜索输入 onFriendSearchInput(e) { const text = e.detail.value.trim(); const list = this.data.allFriendsList.filter(f => !text || (f.nickname && f.nickname.indexOf(text) !== -1)); // 同步selected字段 const selectedIds = this.data.poiRemindSelectedFriends.map(f => f.userId); const filteredFriendsList = list.map(f => ({ ...f, selected: selectedIds.includes(f.userId) })); this.setData({ friendSearchText: text, filteredFriendsList }); }, // 显示附近的人 showNearbyPeople() { // 切换到显示附近的人 this.setData({ currentFilter: 'strangers' }); // 刷新附近用户数据 this.loadNearbyUsers(); // 延迟显示toast，等待数据加载完成 // setTimeout(() => { // wx.showToast({ // title: `发现${this.data.strangersCount}个附近的人`, // icon: 'none', // duration: 2000 // }); // }, 500); }, // 显示好友位置 showFriendsLocation() { // 切换到显示好友 this.setData({ currentFilter: 'friends' }); wx.showToast({ title: `显示${this.data.friendsCount}个好友位置`, icon: 'none', duration: 2000 }); }, // 显示全部位置（好友和陌生人） showAllLocations() { // 切换到显示全部 this.setData({ currentFilter: 'all' }); // 刷新附近用户数据 this.loadNearbyUsers(); // 延迟显示toast，等待数据加载完成 setTimeout(() => { wx.showToast({ title: `显示${this.data.friendsCount}个好友和${this.data.strangersCount}个附近的人`, icon: 'none', duration: 2000 }); }, 500); }, // 🔥 ===== 数据更新方法 ===== // 更新未读消息数 updateUnreadMessageCount(count) { this.setData({ unreadMessageCount: count || 0 }); }, // 更新好友请求数 updateFriendRequestCount(count) { this.setData({ friendRequestCount: count || 0 }); }, // 更新附近的人数量 updateNearbyCount(count) { this.setData({ nearbyCount: count || 0 }); }, // 更新在线状态 updateOnlineStatus(isOnline) { this.setData({ isOnline: isOnline !== false }); }, // 让地图相机完整显示以(lat, lng)为圆心，radius为半径的圆 fitMapToCircle(lat, lng, radius) { // 计算圆的四个边界点（上、下、左、右） // 1度纬度约等于111km，1度经度约等于111km*cos(纬度) const latDelta = radius / 111000; const lngDelta = radius / (111000 * Math.cos(lat * Math.PI / 180)); const points = [{ latitude: lat + latDelta, longitude: lng }, // 上 { latitude: lat - latDelta, longitude: lng }, // 下 { latitude: lat, longitude: lng + lngDelta }, // 右 { latitude: lat, longitude: lng - lngDelta }, // 左 { latitude: lat, longitude: lng } // 圆心 ]; // padding自适应，半径越大padding越小，最小40最大100 let padding = Math.max(40, 120 - Math.round(radius / 10)); this.mapCtx && this.mapCtx.includePoints && this.mapCtx.includePoints({ points, padding: [padding, padding, padding, padding] }); }, // 保存POI提醒设置 onSavePoiRemind() { wx.showToast({ title: '提醒设置已保存', icon: 'success' }); }, // 打开地点标记弹窗 onOpenLocationMarkModal() { this.setData({ showLocationMarkModal: true }); }, // 关闭地点标记弹窗 onCloseLocationMarkModal() { this.setData({ showLocationMarkModal: false }); }, // 筛选输入 onLocationMarkSearchInput(e) { const text = e.detail.value.trim(); const list = this.data.locationMarkList.filter(item => item.name.includes(text)); this.setData({ locationMarkSearchText: text, filteredLocationMarkList: list }); }, // 删除按钮（静态演示） onDeleteLocationMark(e) { wx.showToast({ title: '删除演示', icon: 'none' }); }, // 修改按钮（静态演示） onEditLocationMarkName(e) { wx.showToast({ title: '修改名称演示', icon: 'none' }); }, // 设置提醒好友（静态演示） onSetRemindFriends(e) { wx.showToast({ title: '设置好友演示', icon: 'none' }); }, // 切换提醒类型（静态演示） onToggleRemindType(e) { wx.showToast({ title: '切换类型演示', icon: 'none' }); }, // POI提醒名称输入 onPoiRemindNameInput(e) { const name = e.detail.value; this.setData({ 'lastPoiForRemind.name': name }); }, // 地点标记列表项点击事件 onLocationMarkItemTap(e) { const item = e.currentTarget.dataset.item; this.setData({ showLocationMarkModal: false }); const poi = { detail: { name: item.name, address: item.address || '', latitude: item.lat, longitude: item.lng } }; this.onPoiTap(poi); }, // 添加地点标记 onAddLocationPlace() { // 纯定位版SDK不支持getPoiAround功能 wx.showModal({ title: '提示', content: '该功能暂不可用', showCancel: false }); }, onPoiAroundItemTap(e) { const item = e.currentTarget.dataset.item; this.setData({ showPoiAroundModal: false }); const poi = { detail: { name: item.name, address: item.address || '', latitude: item.latitude, longitude: item.longitude } }; this.onPoiTap(poi); }, onClosePoiAroundModal() { this.setData({ showPoiAroundModal: false }); }, closeMerchantInfo() { this.setData({ merchantInfoModalVisible: false, activeMerchantId: null }); // 清除所有商户的active状态 this.updateMerchantActiveState(null); }, // 更新商户active状态 updateMerchantActiveState(activeId) { const markers = this.data.markers || []; const updatedMarkers = markers.map(marker => { if (marker.type === 'merchant') { const markerBaseId = 10000; const merchantId = marker.id - markerBaseId; return { ...marker, isActive: merchantId === activeId }; } return marker; }); this.setData({ markers: updatedMarkers }); }, preventClose(e) { // 阻止事件冒泡，防止点击卡片内容时关闭弹窗 // 注意：在微信小程序中，使用catchtap已自动阻止事件冒泡，不需要手动调用stopPropagation // 此方法保留为空函数即可 }, // 点击"去"按钮，提示截图享优惠 onDishGoClick(e) { console.log('点击了去按钮'); wx.showToast({ title: '截图享优惠', icon: 'none', duration: 2000 }); // 阻止事件冒泡，防止关闭弹窗 if (e && e.stopPropagation) { e.stopPropagation(); } }, onFavoriteMerchant() { const merchant = this.data.selectedMerchant; merchant.isFavorited = !merchant.isFavorited; this.setData({ selectedMerchant: merchant, merchantList: this.data.merchantList.map(m => m.id === merchant.id ? merchant : m) }); // 可加toast提示 }, onNavigateMerchant() { const merchant = this.data.selectedMerchant; wx.openLocation({ latitude: merchant.latitude, longitude: merchant.longitude, name: merchant.name, address: merchant.address, scale: 16 }); }, //地点搜索结果的弹窗里的收藏 onAddressCollect() { this.setData({ addressIsFavorited: !this.data.addressIsFavorited }) const merchant = this.data.selectedMerchant; const address = merchant.address; const latitude = merchant.latitude; const longitude = merchant.longitude; const name = merchant.name; if (this.data.placeMarkId == '') { //空 说明还没有收藏地址 this.onPoiFavoriteCommon(address, latitude, longitude, name); } else { //说明刚才收藏了 再点击就是取消 this.onPoiCancelCommon(this.data.placeMarkId); } }, // 显示相机操作弹窗 showCameraActionSheet() { this.setData({ showCameraAction: true }); }, // 隐藏相机操作弹窗 hideCameraActionSheet() { this.setData({ showCameraAction: false }); }, ensureLoggedInForAction() { if (this.data.isLoggedIn) { return true; } wx.showToast({ title: '请先登录', icon: 'none' }); this.navigateToLogin(); return false; }, // 导航到登录页面 navigateToLogin() { wx.navigateTo({ url: '/pages/login/login' }); } });