Flutter安卓应用：基于用户当前位置对Firebase地点按距离排序

因为每个用户位置不同，无法通过Firestore的orderBy直接实现排序，必须在客户端获取所有地点数据后，计算每个地点与用户的距离再排序。以下是具体实现步骤：

1. 定义排序后数据存储变量 #

在页面的State类中添加变量，用来存储包含距离信息的店铺数据：

List<Map<String, dynamic>> sortedShops = [];

2. 按钮点击触发排序逻辑 #

在排序按钮的onPressed方法中，先获取用户位置，再遍历店铺数据计算距离并排序：

ElevatedButton(
  onPressed: () async {
    try {
      // 获取用户当前位置
      await _determinePosition();
      if (userLatLng == null) return;

      setState(() {
        // 遍历所有店铺，计算每个店铺到用户的距离
        sortedShops = snapshot.data!.docs.map((doc) {
          double shopLat = doc.get('lat').toDouble();
          double shopLng = doc.get('long').toDouble();
          // 用Geolocator计算距离（转成公里）
          double distance = Geolocator.distanceBetween(
            userLatLng!.latitude,
            userLatLng!.longitude,
            shopLat,
            shopLng,
          ) / 1000;

          return {
            'data': doc.data(), // 店铺原始数据
            'distance': distance // 计算出的距离值
          };
        }).toList();

        // 按距离升序排序（近的店铺排在前面）
        sortedShops.sort((a, b) => a['distance'].compareTo(b['distance']));

        // 同步更新地图标记（可选）
        markers.clear();
        for (int i = 0; i < sortedShops.length; i++) {
          var shop = sortedShops[i]['data'];
          markers.add(Marker(
            markerId: MarkerId(i.toString()),
            position: LatLng(shop['lat'], shop['long']),
            infoWindow: InfoWindow(
              title: shop['name'],
              snippet: "${sortedShops[i]['distance'].toStringAsFixed(2)}km",
            ),
          ));
        }
      });
    } catch (e) {
      // 处理位置获取失败的提示
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text(e.toString())),
      );
    }
  },
  child: const Text('按距离排序'),
),

3. 修改UI展示排序后的数据 #

在ListView中根据sortedShops是否为空，决定展示原始数据还是排序后的数据：

Expanded(
  child: ListView.builder(
    itemCount: sortedShops.isEmpty ? snapshot.data!.docs.length : sortedShops.length,
    itemBuilder: (context, index) {
      // 获取当前店铺数据
      final shopData = sortedShops.isEmpty 
          ? snapshot.data!.docs[index].data() 
          : sortedShops[index]['data'];
      // 获取当前店铺距离
      final distance = sortedShops.isEmpty 
          ? (userLatLng != null ? 
              (Geolocator.distanceBetween(
                userLatLng!.latitude,
                userLatLng!.longitude,
                shopData['lat'].toDouble(),
                shopData['long'].toDouble(),
              ) / 1000) : 0)
          : sortedShops[index]['distance'];

      return ListTile(
        horizontalTitleGap: 10,
        title: Text(
          shopData['name'],
          maxLines: 1,
        ),
        subtitle: Text(
          "${distance.toStringAsFixed(2)}km from you\n${shopData['address']}",
          maxLines: 2,
        ),
        isThreeLine: true,
        contentPadding: const EdgeInsets.all(0),
      );
    },
  ),
),

注意事项 #

• 确保已导入geolocator包，无需自己实现距离计算逻辑，直接用Geolocator.distanceBetween即可。
• 处理userLatLng为空的情况，比如在获取位置前禁用排序按钮，或显示"请先获取位置"的提示。
• 若店铺数量较多，建议先在Firestore做初步区域筛选，减少客户端处理的数据量，提升性能。

内容的提问来源于stack exchange，提问作者taro