Flutter GoogleMaps中onCameraMove无法遍历Future数据，求替代方案

核心问题分析 #

你在onCameraMove回调里直接实例化FutureBuilder是错误用法——FutureBuilder是Widget组件，只能在Widget树中使用，不能在普通方法里执行逻辑。而且每次地图移动都会创建新的FutureBuilder，完全违背它的设计场景。

正确实现步骤 #

1. 提前缓存数据 #

放弃持有Future<Amenities>，改为在initState中加载数据并存到状态变量，后续可随时直接访问：

class _AlreadyHereState extends State<AlreadyHere>
    with SingleTickerProviderStateMixin {
  // 存储加载完成的设施数据
  List<Amenity>? _amenitiesList;
  // 用Map管理已添加的标记，方便快速查找和移除
  final Map<String, Marker> _markers = {};

  @override
  void initState() {
    super.initState();
    _loadAmenities();
  }

  // 单独封装数据加载逻辑
  void _loadAmenities() async {
    final amenitiesData = await AmenitiesData.getAmenities();
    setState(() {
      _amenitiesList = amenitiesData.amenities;
    });
  }

2. 在相机移动回调中处理标记逻辑 #

现在_amenitiesList是本地可用数据，直接在onCameraMove里遍历判断即可：

void onCameraMove(CameraPosition position) {
  if (_amenitiesList == null) return; // 数据未加载完成时直接返回

  double distance;
  if (position.zoom >= 10.1) {
    // 遍历所有设施，判断是否显示标记
    for (final amenity in _amenitiesList!) {
      distance = calculateDistance(
        position.target.latitude,
        position.target.longitude, // 修正你之前重复传latitude的错误
        amenity.latitude,
        amenity.longitude,
      );

      final markerId = MarkerId(amenity.id.toString()); // 假设设施有唯一ID
      if (distance <= 5) {
        // 距离符合要求，添加或更新标记
        if (!_markers.containsKey(markerId)) {
          final marker = Marker(
            markerId: markerId,
            position: LatLng(amenity.latitude, amenity.longitude),
            // 补充你的标记样式配置
          );
          setState(() {
            _markers[markerId] = marker;
          });
        }
      } else {
        // 距离超出，移除标记
        if (_markers.containsKey(markerId)) {
          setState(() {
            _markers.remove(markerId);
          });
        }
      }
    }
  } else if (position.zoom <= 10.0) {
    // 缩放级别过低，清空所有标记
    if (_markers.isNotEmpty) {
      setState(() {
        _markers.clear();
      });
    }
  }
}

3. 在GoogleMap组件中绑定标记集合 #

确保你的GoogleMap引用这个标记集合：

GoogleMap(
  // 其他地图配置（初始位置、类型等）
  markers: Set<Marker>.of(_markers.values),
  onCameraMove: onCameraMove,
)

关键优化提示 #

• 防抖处理：地图移动会频繁触发onCameraMove，建议用Timer添加防抖逻辑（比如延迟300ms再执行标记更新），避免频繁调用setState导致性能问题。
• 加载状态提示：数据未加载完成时，可在界面显示加载指示器，提升用户体验。

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