Flutter谷歌地图同步问题求助：请求位置权限时出现RangeError红屏

核心问题分析 #

你遇到的RangeError本质是数据未完全就绪时触发了标记渲染逻辑，加上位置获取流程中存在未捕获的异常，导致权限请求阶段UI渲染出错。具体来说：

• getUserCurrentLocation仅捕获了权限请求的异常，未处理getCurrentPosition的异常（比如用户拒绝权限时会抛出错误），导致loadData流程中断，数组操作逻辑异常。
• fillMarkers函数未对空数组或不完整数据做判断，在数据加载中途就被触发，引发索引越界。

分步修复代码 #

1. 完善位置获取的异常与权限处理

修改getUserCurrentLocation，覆盖权限拒绝、位置获取失败的场景，避免抛出未捕获异常：

Future<Position?> getUserCurrentLocation() async {
  try {
    LocationPermission permission = await Geolocator.requestPermission();
    // 处理权限拒绝情况
    if (permission == LocationPermission.denied || permission == LocationPermission.deniedForever) {
      print("位置权限被拒绝");
      return null;
    }
    return await Geolocator.getCurrentPosition();
  } catch (e) {
    print("获取位置失败: $e");
    return null;
  }
}

2. 确保数据加载完成后再更新UI

调整loadData，保证所有数据处理完成后才触发状态更新，同时处理位置获取失败的情况：

Future<void> loadData() async {
  // 清空旧数据，避免重复加载
  locationsToDisplay.clear();
  
  // 先加载站点数据
  await rh.populateStations();
  locationsToDisplay.addAll(rh.stations);
  
  // 获取用户位置（允许获取失败）
  Position? position = await getUserCurrentLocation();
  if (position != null) {
    print("当前位置: $position");
    userLoc = StopLocation(
      LatLng(position.latitude, position.longitude), 
      '我的位置', 
      false, false, false, true
    );
    start = userLoc;
    start?.isStartingPoint = true;
    locationsToDisplay.insert(0, userLoc!);
  }
  
  // 所有数据准备完毕后，触发UI更新
  setState(() {});
}

3. 给渲染逻辑加安全判断

修改fillMarkers，确保仅在数据存在时执行标记生成：

Set<Marker> fillMarkers() {
  Set<Marker> markers = {};
  // 空数据直接返回空标记集合
  if (locationsToDisplay.isEmpty) return markers;
  
  // 原有的标记生成逻辑
  for (var loc in locationsToDisplay) {
    // 添加标记到markers集合
  }
  return markers;
}

也可以在build方法中先显示加载状态，避免空数据渲染：

@override
Widget build(BuildContext context) {
  if (locationsToDisplay.isEmpty) {
    return const Center(child: CircularProgressIndicator());
  }
  return GoogleMap(
    markers: fillMarkers(),
    // 其他地图配置项
  );
}

4. 捕获加载流程的异常

在initState中给loadData加异常捕获，避免未处理错误导致红屏：

@override
void initState() {
  super.initState();
  loadData().catchError((e) {
    print("数据加载失败: $e");
    // 可选：显示错误提示给用户
  });
}

修复效果 #

修改后，权限请求阶段不会再抛出未捕获异常，fillMarkers只会在所有数据准备完成后执行，彻底消除红屏现象。即使用户拒绝权限，也能正常显示站点标记，不会崩溃。

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