flutter - 如何在谷歌地图 Flutter 中动态绘制多边形

Question

我需要在 flutter 中动态地在 Google map 上创建多边形。我可以用已知点绘制多边形，但我无法动态绘制多边形请帮忙...

Answer 1

我还需要逐点绘制多边形。为此，在 onTap 处理程序中

GoogleMap(
    polygons: Set<Polygon>.of(mapsPolygons.values),
    onTap: tapMap,
    ...
)

我添加了一个标记并将每次点击记录到 List<LatLng> .然后我用渲染的多边形更新 map

Map<PolygonId, Polygon> mapsPolygons = <PolygonId, Polygon>{};
List<LatLng> mapsPolygons = [];

void tapMap(LatLng pos) {
  final PolygonId polygonId = PolygonId("Polgon_1");
  final Polygon polygon = Polygon(
    polygonId: polygonId,
    strokeColor: Colors.red,
    strokeWidth: 5,
    fillColor: Colors.red.withOpacity(0.3),
    points: polygonPoints,
  );
  mapsPolygons[polygonId] = polygon;
  
  //setState((){});
}

我使用 StreamBuilder() 更新 map 但它应该与 setState() 一起使用也是

example

附言对不起我的英语