# Circle Layer

You can add circle areas to maps by making them out of a center coordinate and radius using  `CircleLayer` and `CircleMarker`s.

{% embed url="<https://pub.dev/documentation/flutter_map/latest/flutter_map.plugin_api/CircleLayer-class.html>" %}

{% embed url="<https://pub.dev/documentation/flutter_map/latest/flutter_map.plugin_api/CircleMarker-class.html>" %}

<figure><img src="https://3022655374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F71h39XIuA0UETMZNP1yW%2Fuploads%2F8YUl4YmUW3zz2pRxflvn%2FExampleCircle.png?alt=media&#x26;token=329eb1e8-2312-44a0-bc69-ba4c578d7d9b" alt=""><figcaption><p>An example <code>CircleMarker</code></p></figcaption></figure>

```dart
CircleLayer(
  circles: [
    CircleMarker(
      point: LatLng(51.50739215592943, -0.127709825533512),
      radius: 10000,
      useRadiusInMeter: true,
    ),
  ],
),
```

{% hint style="warning" %}
Due to the nature of the Earth being a sphere, drawing lines perfectly requires large amounts of difficult maths that may not behave correctly when given certain edge-cases.

Avoid creating large polygons, or polygons that cross the edges of the map, as this may create undesired results.
{% endhint %}

{% hint style="warning" %}
Excessive use of circles may create performance issues.
{% endhint %}
