337 lines
8.4 KiB
JavaScript
337 lines
8.4 KiB
JavaScript
|
/**
|
|||
|
|
* 地图配置文件
|
|||
|
|
* 包含高德地图配置、权限管理、地图工具函数等
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
const config = require('../config/config.js');
|
|||
|
|
|
|||
|
|
// 高德地图配置
|
|||
|
|
const MAP_CONFIG = {
|
|||
|
|
// 高德地图Key - 需要在高德开放平台申请
|
|||
|
|
// 注意：下方为示例密钥，可能已过期或限制使用，请申请自己的密钥
|
|||
|
|
amapKey: config.amapKey || '9207c12fec275ea84090280f693b88c6',
|
|||
|
|
|
|||
|
|
// 地图默认设置
|
|||
|
|
defaults: {
|
|||
|
|
latitude: 39.908823, // 北京天安门
|
|||
|
|
longitude: 116.39747,
|
|||
|
|
scale: 16,
|
|||
|
|
minScale: 3,
|
|||
|
|
maxScale: 22,
|
|||
|
|
showLocation: true,
|
|||
|
|
showScale: true,
|
|||
|
|
showCompass: true,
|
|||
|
|
enableOverlooking: false,
|
|||
|
|
enableZoom: true,
|
|||
|
|
enableScroll: true,
|
|||
|
|
enableRotate: false,
|
|||
|
|
enable3D: false
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 定位配置
|
|||
|
|
location: {
|
|||
|
|
type: 'gcj02', // 坐标系类型：wgs84、gcj02
|
|||
|
|
isHighAccuracy: true,
|
|||
|
|
highAccuracyExpireTime: 4000,
|
|||
|
|
timeout: 10000,
|
|||
|
|
cacheTimeout: 60000 // 位置缓存时间
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 标记点配置
|
|||
|
|
markers: {
|
|||
|
|
// 当前用户标记 - 使用默认样式
|
|||
|
|
currentUser: {
|
|||
|
|
width: 30,
|
|||
|
|
height: 30,
|
|||
|
|
anchor: { x: 0.5, y: 1 }
|
|||
|
|
},
|
|||
|
|
// 好友标记 - 使用默认样式
|
|||
|
|
friend: {
|
|||
|
|
width: 25,
|
|||
|
|
height: 25,
|
|||
|
|
anchor: { x: 0.5, y: 1 }
|
|||
|
|
},
|
|||
|
|
// 陌生人标记 - 使用默认样式
|
|||
|
|
stranger: {
|
|||
|
|
width: 20,
|
|||
|
|
height: 20,
|
|||
|
|
anchor: { x: 0.5, y: 1 }
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 地图样式
|
|||
|
|
style: {
|
|||
|
|
normal: 'normal', // 普通地图
|
|||
|
|
satellite: 'satellite', // 卫星地图
|
|||
|
|
traffic: 'traffic' // 交通地图
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 权限配置
|
|||
|
|
const PERMISSION_CONFIG = {
|
|||
|
|
// 位置权限
|
|||
|
|
location: {
|
|||
|
|
scope: 'scope.userLocation',
|
|||
|
|
name: '位置信息',
|
|||
|
|
description: '用于获取您的位置信息，实现定位和附近功能'
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 其他权限
|
|||
|
|
camera: {
|
|||
|
|
scope: 'scope.camera',
|
|||
|
|
name: '摄像头',
|
|||
|
|
description: '用于拍照和扫码功能'
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
album: {
|
|||
|
|
scope: 'scope.album',
|
|||
|
|
name: '相册',
|
|||
|
|
description: '用于选择图片功能'
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 地图工具类
|
|||
|
|
*/
|
|||
|
|
class MapUtils {
|
|||
|
|
/**
|
|||
|
|
* 检查位置权限
|
|||
|
|
*/
|
|||
|
|
static checkLocationPermission() {
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
wx.getSetting({
|
|||
|
|
success: (res) => {
|
|||
|
|
|
|||
|
|
if (res.authSetting['scope.userLocation'] === false) {
|
|||
|
|
// 用户拒绝过位置权限
|
|||
|
|
reject({
|
|||
|
|
type: 'denied',
|
|||
|
|
message: '位置权限被拒绝，请在设置中开启'
|
|||
|
|
});
|
|||
|
|
} else if (res.authSetting['scope.userLocation'] === true) {
|
|||
|
|
// 用户已授权
|
|||
|
|
resolve(true);
|
|||
|
|
} else {
|
|||
|
|
// 用户未授权，需要请求授权
|
|||
|
|
resolve(false);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
fail: (error) => {
|
|||
|
|
console.error('获取权限设置失败:', error);
|
|||
|
|
reject({
|
|||
|
|
type: 'error',
|
|||
|
|
message: '获取权限设置失败'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 请求位置权限
|
|||
|
|
*/
|
|||
|
|
static requestLocationPermission() {
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
wx.authorize({
|
|||
|
|
scope: 'scope.userLocation',
|
|||
|
|
success: () => {
|
|||
|
|
|
|||
|
|
resolve(true);
|
|||
|
|
},
|
|||
|
|
fail: (error) => {
|
|||
|
|
console.warn('位置权限授权失败:', error);
|
|||
|
|
// 引导用户去设置页面
|
|||
|
|
wx.showModal({
|
|||
|
|
title: '位置权限申请',
|
|||
|
|
content: 'FindMe需要访问您的位置信息，请在设置中开启位置权限',
|
|||
|
|
confirmText: '去设置',
|
|||
|
|
cancelText: '取消',
|
|||
|
|
success: (res) => {
|
|||
|
|
if (res.confirm) {
|
|||
|
|
wx.openSetting({
|
|||
|
|
success: (settingRes) => {
|
|||
|
|
if (settingRes.authSetting['scope.userLocation']) {
|
|||
|
|
resolve(true);
|
|||
|
|
} else {
|
|||
|
|
reject({
|
|||
|
|
type: 'denied',
|
|||
|
|
message: '位置权限被拒绝'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
fail: () => {
|
|||
|
|
reject({
|
|||
|
|
type: 'error',
|
|||
|
|
message: '打开设置页面失败'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
reject({
|
|||
|
|
type: 'cancelled',
|
|||
|
|
message: '用户取消授权'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 获取位置（带权限检查）
|
|||
|
|
*/
|
|||
|
|
static async getLocation(options = {}) {
|
|||
|
|
try {
|
|||
|
|
// 检查权限
|
|||
|
|
const hasPermission = await this.checkLocationPermission();
|
|||
|
|
|
|||
|
|
if (!hasPermission) {
|
|||
|
|
// 请求权限
|
|||
|
|
await this.requestLocationPermission();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 获取位置
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
const locationOptions = {
|
|||
|
|
...MAP_CONFIG.location,
|
|||
|
|
...options,
|
|||
|
|
success: (res) => {
|
|||
|
|
|
|||
|
|
resolve({
|
|||
|
|
latitude: res.latitude,
|
|||
|
|
longitude: res.longitude,
|
|||
|
|
accuracy: res.accuracy || 0,
|
|||
|
|
altitude: res.altitude || 0,
|
|||
|
|
speed: res.speed || -1,
|
|||
|
|
timestamp: Date.now()
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
fail: (error) => {
|
|||
|
|
console.error('获取位置失败:', error);
|
|||
|
|
reject({
|
|||
|
|
type: 'location_error',
|
|||
|
|
message: error.errMsg || '定位失败',
|
|||
|
|
error: error
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
wx.getLocation(locationOptions);
|
|||
|
|
});
|
|||
|
|
} catch (error) {
|
|||
|
|
console.error('位置获取流程失败:', error);
|
|||
|
|
throw error;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 计算两点距离
|
|||
|
|
*/
|
|||
|
|
static calculateDistance(point1, point2) {
|
|||
|
|
const lat1 = point1.latitude * Math.PI / 180;
|
|||
|
|
const lon1 = point1.longitude * Math.PI / 180;
|
|||
|
|
const lat2 = point2.latitude * Math.PI / 180;
|
|||
|
|
const lon2 = point2.longitude * Math.PI / 180;
|
|||
|
|
|
|||
|
|
const R = 6371000; // 地球半径（米）
|
|||
|
|
const dLat = lat2 - lat1;
|
|||
|
|
const dLon = lon2 - lon1;
|
|||
|
|
|
|||
|
|
const a = Math.sin(dLat/2) * Math.sin(dLat/2) +
|
|||
|
|
Math.cos(lat1) * Math.cos(lat2) *
|
|||
|
|
Math.sin(dLon/2) * Math.sin(dLon/2);
|
|||
|
|
const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
|
|||
|
|
|
|||
|
|
return R * c;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 格式化距离显示
|
|||
|
|
*/
|
|||
|
|
static formatDistance(distance) {
|
|||
|
|
if (distance < 1000) {
|
|||
|
|
return `${Math.round(distance)}米`;
|
|||
|
|
} else if (distance < 10000) {
|
|||
|
|
return `${(distance / 1000).toFixed(1)}公里`;
|
|||
|
|
} else {
|
|||
|
|
return `${Math.round(distance / 1000)}公里`;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 创建标记点
|
|||
|
|
*/
|
|||
|
|
static createMarker(data, type = 'friend') {
|
|||
|
|
const markerConfig = MAP_CONFIG.markers[type] || MAP_CONFIG.markers.friend;
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
id: data.id || Date.now(),
|
|||
|
|
latitude: data.latitude,
|
|||
|
|
longitude: data.longitude,
|
|||
|
|
width: markerConfig.width,
|
|||
|
|
height: markerConfig.height,
|
|||
|
|
anchor: markerConfig.anchor,
|
|||
|
|
callout: data.showCallout ? {
|
|||
|
|
content: data.nickname || '用户',
|
|||
|
|
color: '#333333',
|
|||
|
|
fontSize: 12,
|
|||
|
|
borderRadius: 4,
|
|||
|
|
bgColor: '#ffffff',
|
|||
|
|
padding: 8,
|
|||
|
|
display: 'ALWAYS'
|
|||
|
|
} : null,
|
|||
|
|
customData: {
|
|||
|
|
userId: data.userId,
|
|||
|
|
nickname: data.nickname,
|
|||
|
|
avatar: data.avatar,
|
|||
|
|
distance: data.distance,
|
|||
|
|
lastUpdateTime: data.lastUpdateTime
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 获取地图区域
|
|||
|
|
*/
|
|||
|
|
static getMapRegion(centerPoint, markers = []) {
|
|||
|
|
if (markers.length === 0) {
|
|||
|
|
return {
|
|||
|
|
latitude: centerPoint.latitude,
|
|||
|
|
longitude: centerPoint.longitude,
|
|||
|
|
scale: MAP_CONFIG.defaults.scale
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 计算包含所有标记点的区域
|
|||
|
|
let minLat = centerPoint.latitude;
|
|||
|
|
let maxLat = centerPoint.latitude;
|
|||
|
|
let minLng = centerPoint.longitude;
|
|||
|
|
let maxLng = centerPoint.longitude;
|
|||
|
|
|
|||
|
|
markers.forEach(marker => {
|
|||
|
|
minLat = Math.min(minLat, marker.latitude);
|
|||
|
|
maxLat = Math.max(maxLat, marker.latitude);
|
|||
|
|
minLng = Math.min(minLng, marker.longitude);
|
|||
|
|
maxLng = Math.max(maxLng, marker.longitude);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 添加边距
|
|||
|
|
const latPadding = (maxLat - minLat) * 0.3;
|
|||
|
|
const lngPadding = (maxLng - minLng) * 0.3;
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
latitude: (minLat + maxLat) / 2,
|
|||
|
|
longitude: (minLng + maxLng) / 2,
|
|||
|
|
scale: Math.max(Math.min(18 - Math.log2(Math.max(maxLat - minLat + latPadding, maxLng - minLng + lngPadding) * 111000), 18), 8)
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
module.exports = {
|
|||
|
|
MAP_CONFIG,
|
|||
|
|
PERMISSION_CONFIG,
|
|||
|
|
MapUtils
|
|||
|
|
};
|