# `` CircleLayer is a style layer that renders one or more filled circles on the map. ## Props | Prop | Type | Default | Required | Description | | ---- | :--: | :-----: | :------: | :----------: | | style | `CircleLayerStyle` | `none` | `false` | Customizable style attributes | | sourceID | `FIX ME UNKNOWN TYPE` | `MLRNModule.StyleSource.DefaultSourceID` | `false` | FIX ME NO DESCRIPTION | ## Styles * `visibility`
* `circleRadius`
* `circleColor`
* `circleBlur`
* `circleOpacity`
* `circleTranslate`
* `circleTranslateAnchor`
### `visibility` Whether this layer is displayed.
Type
enum
Default Value
visible
Supported Values
  • visible: The layer is shown.
  • none: The layer is not shown.
### `circleRadius` Circle radius.
Type
number
Default Value
5
Units
pixels
Minimum
0
Expression Parameters
zoom, feature, feature-state
### `circleRadiusTransition` The transition affecting any changes to this layer’s circleRadius property.
Type
{ duration, delay }
Units
milliseconds
Default Value
{duration: 300, delay: 0}
### `circleColor` The fill color of the circle.
Type
color
Default Value
#000000
Expression Parameters
zoom, feature, feature-state
### `circleColorTransition` The transition affecting any changes to this layer’s circleColor property.
Type
{ duration, delay }
Units
milliseconds
Default Value
{duration: 300, delay: 0}
### `circleBlur` Amount to blur the circle. 1 blurs the circle such that only the centerpoint is full opacity.
Type
number
Default Value
0
Expression Parameters
zoom, feature, feature-state
### `circleBlurTransition` The transition affecting any changes to this layer’s circleBlur property.
Type
{ duration, delay }
Units
milliseconds
Default Value
{duration: 300, delay: 0}
### `circleOpacity` The opacity at which the circle will be drawn.
Type
number
Default Value
1
Minimum
0
Maximum
1
Expression Parameters
zoom, feature, feature-state
### `circleOpacityTransition` The transition affecting any changes to this layer’s circleOpacity property.
Type
{ duration, delay }
Units
milliseconds
Default Value
{duration: 300, delay: 0}
### `circleTranslate` The geometry's offset. Values are [x, y] where negatives indicate left and up, respectively.
Type
array
Default Value
[0,0]
Units
pixels
Expression Parameters
zoom
### `circleTranslateTransition` The transition affecting any changes to this layer’s circleTranslate property.
Type
{ duration, delay }
Units
milliseconds
Default Value
{duration: 300, delay: 0}
### `circleTranslateAnchor` Controls the frame of reference for `circleTranslate`.
Type
enum
Default Value
map
Supported Values
  • map: The circle is translated relative to the map.
  • viewport: The circle is translated relative to the viewport.
Requires
circleTranslate
Expression Parameters
zoom