Flutter Map（Mapbox）点击标记移动相机报错如何解决？

• 重复初始化MapController：你在类成员声明阶段已经实例化了一次MapController，又在initState生命周期中重新生成了新的MapController实例，导致最终使用的控制器实例没有和地图组件完成绑定
• 未给FlutterMap组件传入controller参数：FlutterMap构造函数的controller参数是控制器和地图关联的必要配置，未传入时控制器内部的地图状态变量不会被初始化，调用move方法就会触发LateInitializationError
• 调用时机问题（偶发）：若地图组件还未完成渲染就调用控制器方法，也会触发同类报错

1. 删掉重复的初始化逻辑，保持MapController只实例化一次：
   要么直接在成员声明时初始化，删掉initState中的赋值代码：

   // 类成员声明
   MapController mapController = MapController();
   
   @override
   void initState() {
     super.initState();
     // 删掉这里的mapController = MapController(); 代码
   }
   

   要么用late修饰成员，仅在initState中初始化：

   // 类成员声明
   late MapController mapController;
   
   @override
   void initState() {
     super.initState();
     mapController = MapController();
   }
   

2. 给FlutterMap组件绑定controller参数，完成控制器和地图的关联：

   return FlutterMap(
     controller: mapController, // 新增这行配置
     // 保留你原有的其他配置，比如options、layers、children等
   );
   

3. 可选优化：调用move方法前先判断控制器是否就绪，避免偶发的初始化未完成报错：

   onPressed: () {
     final targetLatLng = LatLng(
       snapshot.data.docs[i]['location'].latitude,
       snapshot.data.docs[i]['location'].longitude,
     );
     // 先判断就绪再调用
     if (mapController.ready) {
       mapController.move(targetLatLng, 10.0);
     }
     // 剩下的showModalBottomSheet等原有逻辑
   }
   

另外你现有代码中onPressed回调里重复调用了两次move方法，可自行清理冗余代码。

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