如何在AngularFire2中按与当前位置的最近距离排序？

嘿，我来帮你搞定这个按距离排序的需求！首先得明确：Firebase实时数据库本身不支持直接的地理空间排序，所以我们需要先获取数据，再结合你已有的距离计算函数在前端完成排序。下面是具体的实现步骤和代码示例：

核心思路 #

1. 从Firebase获取所有带经纬度的记录
2. 遍历每条记录，用你的辅助函数计算它与当前位置的距离
3. 给每条记录添加距离字段后，按距离从小到大排序

代码实现 #

假设你已经在项目中引入了AngularFire2，并且已经注入了AngularFireDatabase服务。我们直接上代码：

1. 组件中的查询与排序逻辑 #

import { AngularFireDatabase } from '@angular/fire/database';
import { map } from 'rxjs/operators';

@Component({
  // 组件元数据
})
export class YourComponent {
  constructor(private db: AngularFireDatabase) {}

  // 你已有的距离计算辅助函数（这里假设它返回米数）
  private calculateDistance(currentLat: number, currentLng: number, targetLat: number, targetLng: number): number {
    // 你的距离计算逻辑，比如用Haversine公式
    // 示例实现（供参考）：
    const R = 6371e3; // 地球半径，单位米
    const φ1 = currentLat * Math.PI/180;
    const φ2 = targetLat * Math.PI/180;
    const Δφ = (targetLat - currentLat) * Math.PI/180;
    const Δλ = (targetLng - currentLng) * Math.PI/180;

    const a = Math.sin(Δφ/2) * Math.sin(Δφ/2) +
              Math.cos(φ1) * Math.cos(φ2) *
              Math.sin(Δλ/2) * Math.sin(Δλ/2);
    const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));

    return R * c; // 距离，单位米
  }

  // 获取按距离排序的位置列表
  getSortedLocations(currentLat: number, currentLng: number) {
    return this.db.list('/data').valueChanges().pipe(
      map((records: any[]) => {
        // 给每条记录添加距离字段，然后排序
        return records.map(record => {
          const distance = this.calculateDistance(
            currentLat, 
            currentLng, 
            record.location.latitude, 
            record.location.longitude
          );
          return { ...record, distance }; // 保留原数据，新增distance字段
        }).sort((a, b) => a.distance - b.distance); // 升序排序，最近的排在最前面
      })
    );
  }
}

2. 在组件中使用排序后的结果 #

你可以在组件的ngOnInit或者其他方法中订阅这个Observable，拿到排序后的结果：

ngOnInit() {
  // 假设你已经获取到当前位置的经纬度
  const currentLat = 23.8000; // 示例值
  const currentLng = 90.4000; // 示例值

  this.getSortedLocations(currentLat, currentLng).subscribe(sortedRecords => {
    console.log('按距离排序后的记录:', sortedRecords);
    // 将结果赋值给模板变量，用于渲染
    this.sortedLocations = sortedRecords;
  });
}

注意事项 #

• 如果你的数据量很大（比如上千条），前端排序可能会有性能问题。这时候建议你在Firebase中预先存储地理哈希（Geohash），先通过Geohash做范围查询缩小结果集，再在前端排序，这样能提升性能。
• 如果你使用的是Firestore而不是实时数据库，Firestore原生支持地理空间查询（比如查询某个半径内的文档），结合排序会更高效，但你的数据结构看起来是实时数据库，所以上面的方案更适合你。

内容的提问来源于stack exchange，提问作者Setu Kumar Basak