Flutter实现近距地点筛选：如何显示用户200米内的位置

1. 完成用户当前位置获取 #

• 使用geolocator包实现定位，这是Flutter生态中常用的定位工具：
  • 先配置权限：安卓在AndroidManifest.xml中添加ACCESS_FINE_LOCATION权限，iOS在Info.plist中填写NSLocationWhenInUseUsageDescription的权限说明
  • 先做权限检查，仅在用户授权后发起定位请求，若权限被拒则提示用户开启权限
  • 拿到定位结果后，提取当前纬度currentLat和经度currentLng备用

2. 筛选200米范围内的地点 #

分两种场景处理：

本地数据场景（如SQLite存储） #

• 用Haversine公式计算两点球面距离，直接在客户端筛选：

  double calculateHaversineDistance(double lat1, double lon1, double lat2, double lon2) {
    const earthRadius = 6371000; // 地球半径，单位米
    final dLat = (lat2 - lat1) * pi / 180;
    final dLon = (lon2 - lon1) * pi / 180;
    final a = sin(dLat / 2) * sin(dLat / 2) +
        cos(lat1 * pi / 180) * cos(lat2 * pi / 180) *
        sin(dLon / 2) * sin(dLon / 2);
    final c = 2 * atan2(sqrt(a), sqrt(1 - a));
    return earthRadius * c; // 返回距离（米）
  }
  

  遍历本地所有地点，调用该方法计算距离，仅保留结果≤200的地点

云端数据场景（如Firebase、MySQL） #

• 直接利用数据库的地理空间查询能力：
  • MySQL可使用ST_Distance_Sphere函数在查询时筛选：SELECT * FROM places WHERE ST_Distance_Sphere(point(lng, lat), point(?, ?)) <= 200
  • Firebase可借助geo_firestore插件，通过地理哈希实现高效的就近查询，避免全表扫描

3. 页面初始化加载逻辑 #

• 在页面的initState中发起定位+筛选流程，或用FutureBuilder配合async/await处理异步逻辑
• 异常处理：定位失败、权限被拒时，给用户明确提示（如“无法获取当前位置，请检查权限设置”），可添加手动选择位置的按钮作为兜底方案

4. 体验优化细节 #

• 添加加载动画：在定位和筛选过程中显示加载状态，避免页面空白
• 实时更新：监听位置变化，当用户移动超过50米时自动重新筛选地点
• 缓存处理：短时间内重启应用时，缓存上次的位置和筛选结果，减少重复定位请求

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