-
Name Type Description anchor
Array.<number> (defaults to [0.5, 0.5]) Anchor. Default value is the icon center.
anchorOrigin
IconOrigin (defaults to 'top-left') Origin of the anchor:
bottom-left
,bottom-right
,top-left
ortop-right
.anchorXUnits
IconAnchorUnits (defaults to 'fraction') Units in which the anchor x value is specified. A value of
'fraction'
indicates the x value is a fraction of the icon. A value of'pixels'
indicates the x value in pixels.anchorYUnits
IconAnchorUnits (defaults to 'fraction') Units in which the anchor y value is specified. A value of
'fraction'
indicates the y value is a fraction of the icon. A value of'pixels'
indicates the y value in pixels.color
Color | string | undefined Color to tint the icon. If not specified, the icon will be left as is.
crossOrigin
null | string | undefined The
crossOrigin
attribute for loaded images. Note that you must provide acrossOrigin
value if you want to access pixel data with the Canvas renderer. See https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image for more detail.img
HTMLImageElement | HTMLCanvasElement | undefined Image object for the icon. If the
src
option is not provided then the provided image must already be loaded. And in that case, it is required to provide the size of the image, with theimgSize
option.imgSize
Size | undefined Image size in pixels. Only required if
img
is set andsrc
is not. The providedimgSize
needs to match the actual size of the image.displacement
Array.<number> (defaults to [0, 0]) Displacement of the icon in pixels. Positive values will shift the icon right and up.
opacity
number (defaults to 1) Opacity of the icon.
width
number | undefined The width of the icon in pixels. This can't be used together with
scale
.height
number | undefined The height of the icon in pixels. This can't be used together with
scale
.scale
number | Size (defaults to 1) Scale.
rotateWithView
boolean (defaults to false) Whether to rotate the icon with the view.
rotation
number (defaults to 0) Rotation in radians (positive rotation clockwise).
offset
Array.<number> (defaults to [0, 0]) Offset which, together with
size
andoffsetOrigin
, defines the sub-rectangle to use from the original (sprite) image.offsetOrigin
IconOrigin (defaults to 'top-left') Origin of the offset:
bottom-left
,bottom-right
,top-left
ortop-right
.size
Size | undefined Icon size in pixels. Used together with
offset
to define the sub-rectangle to use from the original (sprite) image.src
string | undefined Image source URI.
declutterMode
"declutter" | "obstacle" | "none" | undefined Declutter mode.
Extends
Methods
-
Clones the style. The underlying Image/HTMLCanvasElement is not cloned.
Returns:
The cloned style.
-
Get the anchor point in pixels. The anchor determines the center point for the symbolizer.
Returns:
Anchor.
-
Get the icon color.
Returns:
Color.
-
getDeclutterMode(){"declutter" | "obstacle" | "none" | undefined} inherited
-
Get the declutter mode of the shape
Returns:
Shape's declutter mode
-
Get the displacement of the shape
Returns:
Shape's center displacement
-
Get the height of the icon (in pixels).
Returns:
Icon height (in pixels).
-
Get the image icon.
Name Type Description pixelRatio
number Pixel ratio.
Returns:
Image or Canvas element.
-
Get the symbolizer opacity.
Returns:
Opacity.
-
Get the origin of the symbolizer.
Returns:
Origin.
-
Get the pixel ratio.
Name Type Description pixelRatio
number Pixel ratio.
Returns:
The pixel ratio of the image.
-
Determine whether the symbolizer rotates with the map.
Returns:
Rotate with map.
-
Get the symoblizer rotation.
Returns:
Rotation.
-
Get the symbolizer scale.
Returns:
Scale.
-
Get the size of the icon (in pixels).
Returns:
Image size.
-
Get the image URL.
Returns:
Image src.
-
Get the width of the icon (in pixels).
Returns:
Icon width (in pixels).
-
Load not yet loaded URI. When rendering a feature with an icon style, the vector renderer will automatically call this method. However, you might want to call this method yourself for preloading or other purposes.
-
Set the anchor point. The anchor determines the center point for the symbolizer.
Name Type Description anchor
Array.<number> Anchor.
-
Set the displacement.
Name Type Description displacement
Array.<number> Displacement.
-
Set the opacity.
Name Type Description opacity
number Opacity.
-
Set whether to rotate the style with the view.
Name Type Description rotateWithView
boolean Rotate with map.
-
Set the rotation.
Name Type Description rotation
number Rotation.
-
Set the scale and updates the width and height correspondingly.
Name Type Description scale
number | Size Scale.