google_maps_flutter中如何设置初始相机位置完整显示Polyline？

要让所有轨迹线完整显示在地图窗口，核心是计算轨迹的地理边界，然后让相机自动适配这个范围，而不是用固定的初始坐标和缩放值。以下是具体实现步骤：

1. 添加地图控制器并计算轨迹边界 #

先定义地图控制器变量，在地图创建完成后，遍历所有轨迹点计算出包含所有点的LatLngBounds，再通过控制器调整相机位置。

修改后的完整代码示例 #

// 定义地图控制器
late GoogleMapController _mapController;
List<LatLng> point_list = [];

// ... 你的其他代码 ...

// 运动轨迹初始化（保留原有逻辑）
if((is_load == false) && (UI_Data.current_file!.movement_trajectory!.isNotEmpty))
{
  for (var i = 0; i < UI_Data.current_file!.movement_trajectory!.length; i++)
  {
    MovementTrajectory data = UI_Data.current_file!.movement_trajectory![i];
    point_list.add(LatLng(data.latitude, data.longitude));
  }
}

// 连线（保留原有逻辑）
final Polyline polyline = Polyline(
  polylineId: PolylineId("polyline_id_1"),
  consumeTapEvents: true,
  color: Colors.orange,
  width: 2,
  points: point_list,
  onTap: () {},
);
polylines[PolylineId("polyline_id_1")] = polyline;

// 适配轨迹到屏幕的方法
void _fitPolylineToScreen() {
  if (point_list.isEmpty) return;
  
  // 遍历所有点，找出最小/最大经纬度
  double minLat = point_list.first.latitude;
  double maxLat = point_list.first.latitude;
  double minLng = point_list.first.longitude;
  double maxLng = point_list.first.longitude;
  
  for (var latLng in point_list) {
    minLat = min(minLat, latLng.latitude);
    maxLat = max(maxLat, latLng.latitude);
    minLng = min(minLng, latLng.longitude);
    maxLng = max(maxLng, latLng.longitude);
  }
  
  // 创建边界对象
  final bounds = LatLngBounds(
    southwest: LatLng(minLat, minLng),
    northeast: LatLng(maxLat, maxLng),
  );
  
  // 让相机动画移动到适配边界的位置，20.0是屏幕边距，避免轨迹贴边缘
  _mapController.animateCamera(
    CameraUpdate.newLatLngBounds(bounds, 20.0),
  );
}

// GoogleMap组件修改
GoogleMap(
  gestureRecognizers: <Factory<OneSequenceGestureRecognizer>>{
    Factory<OneSequenceGestureRecognizer>(
      () => EagerGestureRecognizer(),
    ),
  },
  // 初始位置设为轨迹第一个点，后续会被自动调整
  initialCameraPosition: CameraPosition(
    target: point_list.isNotEmpty 
        ? point_list[0] 
        : LatLng(0, 0), // 兜底默认坐标
    zoom: 10, // 初始缩放值可随意设置，后续会被覆盖
  ),
  myLocationEnabled: false,
  zoomControlsEnabled: false,
  polylines: Set<Polyline>.of(polylines.values),
  markers: Set<Marker>.of(markers.values),
  // 地图创建完成后执行适配逻辑
  onMapCreated: (controller) {
    _mapController = controller;
    _fitPolylineToScreen();
  },
),

为什么之前的cameraTargetBounds无效？ #

cameraTargetBounds的作用是限制相机移动的范围，不让用户把地图拖出这个边界，但它不会自动调整初始相机位置来适配轨迹。你需要主动通过地图控制器的animateCamera或moveCamera方法，让相机自动适配轨迹的边界范围。

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