Skip to main content
layers

Circle Layer

CircleLayer draws circles with CircleMarker, in two flavours:

  • useRadiusInMeter: true — a geographic circle: it grows and shrinks on the screen as the zoom changes;
  • useRadiusInMeter: false (default) — a pixel-based circle: it keeps its size on screen at every zoom.
CircleLayer(
  circles: [
    CircleMarker(point: position, radius: 12, color: Color(0x6600B0FF), borderStrokeWidth: 1),
  ],
)

The demo is someone walking in Strasbourg, on the Europe tab: the accuracy circle grows and shrinks with the GPS precision, centred on the location:

Apple MapKit (iOS)Google Maps (Android)
The accuracy circle pulsing around a locationThe accuracy circle pulsing around a location, on Google Maps