bonus
/
water-design-const-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

图标定位修改

This commit is contained in:
cwchen 2026-01-14 14:44:55 +08:00
parent ba2e9d1235
commit 019a54d5dd
1 changed files with 68 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
src/static/map.html
View File

@ -618,6 +618,18 @@
console.log('已开启百度地图SDK辅助定位');
// 计算两点之间的距离（米）- 供多个函数使用
const calculateDistance = (lng1, lat1, lng2, lat2) => {
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;
};
// 先快速获取位置（使用较短的超时时间，优先显示位置）
let isFirstLocation = true;
@ -675,8 +687,26 @@
if (point.lng && point.lat && !isNaN(point.lng) && !isNaN(point.lat) &&
Math.abs(point.lng) <= 180 && Math.abs(point.lat) <= 90) {
// 只更新精度更好的位置
if (!this.state.currentLocation || accuracy < this.state.currentLocation.accuracy) {
let shouldUpdate = false;
if (!this.state.currentLocation) {
shouldUpdate = true;
} else {
// 计算位置变化距离
const distance = calculateDistance(
this.state.currentLocation.lng,
this.state.currentLocation.lat,
point.lng,
point.lat
);
// 如果位置变化超过3米，或者精度提升超过10米，则更新
if (distance > 3 || accuracy < this.state.currentLocation.accuracy - 10) {
shouldUpdate = true;
}
}
if (shouldUpdate) {
console.log('精确位置更新 - 经度:', point.lng, '纬度:', point.lat, '精度:', accuracy, '米');
this.state.currentLocation = {
lng: point.lng,
@ -696,7 +726,7 @@
// 先快速获取位置
getQuickPosition();
// 持续监听位置变化（使用定时器定期获取，优化精度）
// 持续监听位置变化（使用定时器定期获取，实时更新）
this.state.watchLocationTimer = setInterval(() => {
geolocation.getCurrentPosition((result) => {
const status = geolocation.getStatus();
@ -708,12 +738,37 @@
if (point.lng && point.lat && !isNaN(point.lng) && !isNaN(point.lat) &&
Math.abs(point.lng) <= 180 && Math.abs(point.lat) <= 90) {
// 只更新精度更好的位置（精度提升超过10米，或者精度小于50米）
if (!this.state.currentLocation ||
(accuracy < this.state.currentLocation.accuracy - 10) ||
(accuracy < 50 && this.state.currentLocation.accuracy >= 50)) {
let shouldUpdate = false;
if (!this.state.currentLocation) {
// 如果没有当前位置，直接更新
shouldUpdate = true;
} else {
// 计算位置变化距离
const distance = calculateDistance(
this.state.currentLocation.lng,
this.state.currentLocation.lat,
point.lng,
point.lat
);
console.log('位置更新 - 经度:', point.lng, '纬度:', point.lat, '精度:', accuracy, '米');
// 如果位置变化超过5米，或者精度提升超过10米，则更新
if (distance > 5 ||
(accuracy < this.state.currentLocation.accuracy - 10) ||
(accuracy < 50 && this.state.currentLocation.accuracy >= 50)) {
shouldUpdate = true;
}
}
if (shouldUpdate) {
const oldLocation = this.state.currentLocation;
const distance = oldLocation ? calculateDistance(
oldLocation.lng, oldLocation.lat, point.lng, point.lat
) : 0;
console.log('位置更新 - 经度:', point.lng, '纬度:', point.lat,
'精度:', accuracy, '米',
oldLocation ? `移动距离: ${distance.toFixed(2)}米` : '');
this.state.currentLocation = {
lng: point.lng,
@ -726,9 +781,9 @@
}
}, {
enableHighAccuracy: true, // 使用GPS精确定位
timeout: 10000 // 10秒超时
timeout: 8000 // 8秒超时
});
}, 5000); // 每5秒更新一次，优化精度
}, 2000); // 每2秒更新一次，实时跟踪移动
// 保存geolocation实例，以便后续使用
this.baiduGeolocation = geolocation;
@ -1358,7 +1413,9 @@
// 旋转画布（heading是相对于正北的角度，需要转换为相对于画布的角度）
// 百度地图中，heading是相对于正北的角度（0-360），顺时针为正
// 画布中，0度是向右，需要转换
const rotation = (heading - 90) * Math.PI / 180; // 转换为弧度并调整方向
// 如果方向反了，尝试反转：使用 (90 - heading) 或 (270 - heading)
// 或者添加180度来反转：heading + 180
const rotation = (90 - heading) * Math.PI / 180; // 反转方向：从 (heading - 90) 改为 (90 - heading)
ctx.rotate(rotation);
// 绘制图片（居中，保持原始宽高比）