Skip to content

Latest commit

 

History

History
283 lines (223 loc) · 5.56 KB

CircleLayer.md

File metadata and controls

283 lines (223 loc) · 5.56 KB

<CircleLayer />

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

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