Flutter中如何将Offset类型转换为GoogleMap的LatLng？

可行，但得先把Offset（地图组件的局部坐标）转换成 ScreenCoordinate（屏幕全局像素坐标），因为getLatLng方法只认后者。具体实现步骤如下：

• 第一步，给 GoogleMap 组件绑定全局 Key，用于获取它在屏幕上的位置和尺寸：

  final GlobalKey _mapKey = GlobalKey();
  
  // 构建 GoogleMap 组件时传入 Key
  GoogleMap(
    key: _mapKey,
    onMapCreated: (controller) => _mapController = controller,
    // 其他地图配置项...
  )
  

• 第二步，将局部 Offset 转换为 ScreenCoordinate 并获取对应 LatLng：
  你手里的 Offset 是相对于地图组件内部的坐标，需要先转成屏幕全局坐标，再包装成 ScreenCoordinate。示例代码：

  // 传入手势绘制得到的局部 Offset，返回对应经纬度
  Future<LatLng?> convertOffsetToLatLng(Offset localOffset) async {
    final RenderBox? mapRenderBox = _mapKey.currentContext?.findRenderObject() as RenderBox?;
    if (mapRenderBox == null || _mapController == null) return null;
  
    // 获取地图组件左上角的屏幕全局坐标
    final Offset mapGlobalOrigin = mapRenderBox.localToGlobal(Offset.zero);
    // 计算当前点的屏幕全局坐标
    final Offset globalPoint = mapGlobalOrigin + localOffset;
  
    // 转换成 ScreenCoordinate（注意 x、y 需要取整，因为参数为 int 类型）
    final ScreenCoordinate screenCoord = ScreenCoordinate(
      x: globalPoint.dx.round(),
      y: globalPoint.dy.round(),
    );
  
    // 调用 getLatLng 拿到对应的经纬度
    return await _mapController!.getLatLng(screenCoord);
  }
  

• 第三步，用转换后的 LatLng 构建多边形：
  每次手势绘制得到一个 Offset，就调用上述方法转成 LatLng，将这些 LatLng 收集起来后，传入Polygon组件即可实现手势绘制多边形的功能。

注意事项 #

• 确保 GoogleMap 已完成初始化，建议在onMapCreated回调触发后再处理绘制逻辑，避免mapRenderBox或_mapController为空的情况。
• 地图缩放、平移操作后，该转换依然有效，因为getLatLng会根据当前地图的视图状态（缩放级别、中心点）计算对应经纬度。

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