SDKs · Flutter

Step 4 — Shapes

Lines, polygons and meter-radius circles.

Shapes

UbHubMap(
  options: options,
  height: 480,
  polylines: [UbHubPolyline(route, color: const Color(0xFF2563EB), width: 5)],
  polygons: [UbHubPolygon([ring], strokeColor: const Color(0xFF2563EB), strokeWidth: 2)],
  circles: [
    UbHubCircle(
      const GeoPoint(latitude: 47.9184, longitude: 106.9177),
      radiusMeters: 300,
      strokeColor: const Color(0xFF2563EB),
      strokeWidth: 2,
    ),
  ],
);

Each shape carries its own color and width. A UbHubCircle uses a meter radius and scales with the map.