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

Question

我需要在flutter中动态地在谷歌地图上创建多边形。我可以用已知的点绘制多边形，但我不能动态绘制多边形。请帮助。。。

Answer 1

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

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

我添加了一个标记，并将每个敲击向下写入List<LatLng>。然后我用渲染的多边形更新地图

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()更新地图，但它也应该使用setState()

示例

p。S.对不起我的英语