如何判断Google Map已渲染完成？截图时机问题求助

你当前依赖固定1500毫秒延迟的方式不可靠，不同设备的地图渲染速度存在差异，固定延迟很难适配所有场景。推荐改用地图的onCameraIdle回调触发截图，这个回调会在地图完全加载渲染完成、相机停止移动时触发，能精准捕捉到地图就绪的时机。

修改后的实现步骤： #

• 在GoogleMap组件中添加onCameraIdle参数，绑定截图逻辑
• 移除原有的固定延迟代码，直接在地图就绪时执行截图

示例代码： #

Completer<GoogleMapController> _mapController = Completer();
Uint8List? imageBytes;

@override
Widget build(BuildContext context) {
  return GoogleMap(
    onMapCreated: (controller) {
      _mapController.complete(controller);
    },
    // 地图渲染完成后自动触发此回调
    onCameraIdle: () async {
      if (mounted) {
        final controller = await _mapController.future;
        imageBytes = await controller.takeSnapshot();
        setState(() {});
      }
    },
    initialCameraPosition: const CameraPosition(
      target: LatLng(37.7749, -122.4194),
      zoom: 12,
    ),
    // 其他地图配置（标记、样式等）
  );
}

额外说明： #

• 若需要地图初始化完成后立刻截图，onCameraIdle会在首次加载完成后自动触发，无需手动调用
• 用户拖动地图后，该回调也会在地图稳定渲染完成后触发，适配动态场景
• 移除固定延迟既避免了不必要的等待，也解决了不同设备的适配问题

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