ol/style/Circle~CircleStyle 


import CircleStyle from 'ol/style/Circle.js';

Set circle style for vector features.

new CircleStyle(options)

style/Circle.js, line 27
Name Type Description
fill Fill | undefined

Fill style.
radius number

Circle radius.
stroke Stroke | undefined

Stroke style.
displacement Array.<number> (defaults to [0,0])

displacement
scale number | Size (defaults to 1)

Scale. A two dimensional scale will produce an ellipse. Unless two dimensional scaling is required a better result may be obtained with an appropriate setting for radius.
rotation number (defaults to 0)

Rotation in radians (positive rotation clockwise, meaningful only when used in conjunction with a two dimensional scale).
rotateWithView boolean (defaults to false)

Whether to rotate the shape with the view (meaningful only when used in conjunction with a two dimensional scale).
declutterMode DeclutterMode | undefined

Declutter mode

Extends

Methods

clone(){CircleStyle}

style/Circle.js, line 55

Clones the style.

Returns:
The cloned style.

getAnchor(){Array.<number>} inherited

style/RegularShape.js, line 180

Get the anchor point in pixels. The anchor determines the center point for the symbolizer.

Returns:
Anchor.

getAngle(){number} inherited

style/RegularShape.js, line 197

Get the angle used in generating the shape.

Returns:
Shape's rotation in radians.

getDeclutterMode(){DeclutterMode} inherited

style/Image.js, line 148

Get the declutter mode of the shape

Returns:
Shape's declutter mode

getDisplacement(){Array.<number>} inherited

style/Image.js, line 139

Get the displacement of the shape

Returns:
Shape's center displacement

getFill(){Fill | null} inherited

style/RegularShape.js, line 206

Get the fill style for the shape.

Returns:
Fill style.

getImage(pixelRatio){HTMLCanvasElement} inherited

style/RegularShape.js, line 240

Get the image icon.

Name Type Description
pixelRatio number

Pixel ratio.
Returns:
Image or Canvas element.

getOpacity(){number} inherited

style/Image.js, line 95

Get the symbolizer opacity.

Returns:
Opacity.

getOrigin(){Array.<number>} inherited

style/RegularShape.js, line 297

Get the origin of the symbolizer.

Returns:
Origin.

getPoints(){number} inherited

style/RegularShape.js, line 306

Get the number of points for generating the shape.

Returns:
Number of points for stars and regular polygons.

getRadius(){number} inherited

style/RegularShape.js, line 315

Get the (primary) radius for the shape.

Returns:
Radius.

getRadius2(){number | undefined} inherited

style/RegularShape.js, line 324

Get the secondary radius for the shape.

Returns:
Radius2.

getRotateWithView(){boolean} inherited

style/Image.js, line 104

Determine whether the symbolizer rotates with the map.

Returns:
Rotate with map.

getRotation(){number} inherited

style/Image.js, line 113

Get the symoblizer rotation.

Returns:
Rotation.

getScale(){number | Size} inherited

style/Image.js, line 122

Get the symbolizer scale.

Returns:
Scale.

getSize(){Size} inherited

style/RegularShape.js, line 334

Get the size of the symbolizer (in pixels).

Returns:
Size.

getStroke(){Stroke | null} inherited

style/RegularShape.js, line 343

Get the stroke style for the shape.

Returns:
Stroke style.

setDisplacement(displacement) inherited

style/Image.js, line 229

Set the displacement.

Name Type Description
displacement Array.<number>

Displacement.

setFill(fill) inherited

style/RegularShape.js, line 215

Set the fill style.

Name Type Description
fill Fill | null

Fill style.

setOpacity(opacity) inherited

style/Image.js, line 239

Set the opacity.

Name Type Description
opacity number

Opacity.

setRadius(radius)

style/Circle.js, line 77

Set the circle radius.

Name Type Description
radius number

Circle radius.

setRotateWithView(rotateWithView) inherited

style/Image.js, line 249

Set whether to rotate the style with the view.

Name Type Description
rotateWithView boolean

Rotate with map.

setRotation(rotation) inherited

style/Image.js, line 259

Set the rotation.

Name Type Description
rotation number

Rotation.

setScale(scale) inherited

style/Image.js, line 269

Set the scale.

Name Type Description
scale number | Size

Scale.

setStroke(stroke) inherited

style/RegularShape.js, line 352

Set the stroke style.

Name Type Description
stroke Stroke | null

Stroke style.

© 2005-present, OpenLayers Contributors All rights reserved.Licensed under the BSD 2-Clause License.
https://openlayers.org/en/latest/apidoc/module-ol_style_Circle-CircleStyle.html