Namespace: control

olx.control


import control from 'olx/control';

Type Definitions

olx.control.AttributionOptions{Object}

Properties:
Name Type Argument Description
className string | undefined <optional>

CSS class name. Default is ol-attribution.

target Element | string | undefined <optional>

Specify a target if you want the control to be rendered outside of the map's viewport.

collapsible boolean | undefined <optional>

Specify if attributions can be collapsed. If you use an OSM source, should be set to false — see OSM Copyright — Default is true.

collapsed boolean | undefined <optional>

Specify if attributions should be collapsed at startup. Default is true.

tipLabel string | undefined <optional>

Text label to use for the button tip. Default is Attributions

label string | Node | undefined <optional>

Text label to use for the collapsed attributions button. Default is i. Instead of text, also a Node (e.g. a span element) can be used.

collapseLabel string | Node | undefined <optional>

Text label to use for the expanded attributions button. Default is ». Instead of text, also a Node (e.g. a span element) can be used.

render function | undefined <optional>

Function called when the control should be re-rendered. This is called in a requestAnimationFrame callback.

olx.control.ControlOptions{Object}

Properties:
Name Type Argument Description
element Element | undefined <optional>

The element is the control's container element. This only needs to be specified if you're developing a custom control.

render function | undefined <optional>

Function called when the control should be re-rendered. This is called in a requestAnimationFrame callback.

target Element | string | undefined <optional>

Specify a target if you want the control to be rendered outside of the map's viewport.

olx.control.DefaultsOptions{Object}

Properties:
Name Type Argument Description
attribution boolean | undefined <optional>

Attribution. Default is true.

attributionOptions olx.control.AttributionOptions | undefined <optional>

Attribution options.

rotate boolean | undefined <optional>

Rotate. Default is true.

rotateOptions olx.control.RotateOptions | undefined <optional>

Rotate options.

zoom boolean | undefined <optional>

Zoom. Default is true.

zoomOptions olx.control.ZoomOptions | undefined <optional>

Zoom options.

olx.control.FullScreenOptions{Object}

Properties:
Name Type Argument Description
className string | undefined <optional>

CSS class name. Default is ol-full-screen.

label string | Node | undefined <optional>

Text label to use for the button. Default is \u2922 (NORTH EAST AND SOUTH WEST ARROW). Instead of text, also a Node (e.g. a span element) can be used.

labelActive string | Node | undefined <optional>

Text label to use for the button when full-screen is active. Default is \u00d7 (a cross). Instead of text, also a Node (e.g. a span element) can be used.

tipLabel string | undefined <optional>

Text label to use for the button tip. Default is Toggle full-screen

keys boolean | undefined <optional>

Full keyboard access.

target Element | string | undefined <optional>

Specify a target if you want the control to be rendered outside of the map's viewport.

source Element | string | undefined <optional>

The element to be displayed fullscreen. When not provided, the element containing the map viewport will be displayed fullscreen.

olx.control.MousePositionOptions{Object}

Properties:
Name Type Argument Description
className string | undefined <optional>

CSS class name. Default is ol-mouse-position.

coordinateFormat ol.CoordinateFormatType | undefined <optional>

Coordinate format.

projection ol.ProjectionLike

Projection.

render function | undefined <optional>

Function called when the control should be re-rendered. This is called in a requestAnimationFrame callback.

target Element | string | undefined <optional>

Specify a target if you want the control to be rendered outside of the map's viewport.

undefinedHTML string | undefined <optional>

Markup for undefined coordinates. Default is `` (empty string).

olx.control.OverviewMapOptions{Object}

Properties:
Name Type Argument Description
collapsed boolean | undefined <optional>

Whether the control should start collapsed or not (expanded). Default to true.

collapseLabel string | Node | undefined <optional>

Text label to use for the expanded overviewmap button. Default is «. Instead of text, also a Node (e.g. a span element) can be used.

collapsible boolean | undefined <optional>

Whether the control can be collapsed or not. Default to true.

label string | Node | undefined <optional>

Text label to use for the collapsed overviewmap button. Default is ». Instead of text, also a Node (e.g. a span element) can be used.

layers Array.<ol.layer.Layer> | ol.Collection.<ol.layer.Layer> | undefined <optional>

Layers for the overview map. If not set, then all main map layers are used instead.

render function | undefined <optional>

Function called when the control should be re-rendered. This is called in a requestAnimationFrame callback.

target Element | string | undefined <optional>

Specify a target if you want the control to be rendered outside of the map's viewport.

tipLabel string | undefined <optional>

Text label to use for the button tip. Default is Overview map

view ol.View | undefined <optional>

Custom view for the overview map. If not provided, a default view with an EPSG:3857 projection will be used.

olx.control.RotateOptions{Object}

Properties:
Name Type Argument Description
className string | undefined <optional>

CSS class name. Default is ol-rotate.

label string | Element | undefined <optional>

Text label to use for the rotate button. Default is . Instead of text, also a Node (e.g. a span element) can be used.

tipLabel string | undefined <optional>

Text label to use for the rotate tip. Default is Reset rotation

duration number | undefined <optional>

Animation duration in milliseconds. Default is 250.

autoHide boolean | undefined <optional>

Hide the control when rotation is 0. Default is true.

render function | undefined <optional>

Function called when the control should be re-rendered. This is called in a requestAnimationFrame callback.

resetNorth function | undefined <optional>

Function called when the control is clicked. This will override the default resetNorth.

target Element | string | undefined <optional>

Specify a target if you want the control to be rendered outside of the map's viewport.

olx.control.ScaleLineOptions{Object}

Properties:
Name Type Argument Description
className string | undefined <optional>

CSS Class name. Default is ol-scale-line.

minWidth number | undefined <optional>

Minimum width in pixels. Default is 64.

render function | undefined <optional>

Function called when the control should be re-rendered. This is called in a requestAnimationFrame callback.

target Element | string | undefined <optional>

Specify a target if you want the control to be rendered outside of the map's viewport.

units ol.control.ScaleLineUnits | string | undefined <optional>

Units. Default is metric.

olx.control.ZoomOptions{Object}

Properties:
Name Type Argument Description
duration number | undefined <optional>

Animation duration in milliseconds. Default is 250.

className string | undefined <optional>

CSS class name. Default is ol-zoom.

zoomInLabel string | Node | undefined <optional>

Text label to use for the zoom-in button. Default is +. Instead of text, also a Node (e.g. a span element) can be used.

zoomOutLabel string | Node | undefined <optional>

Text label to use for the zoom-out button. Default is -. Instead of text, also a Node (e.g. a span element) can be used.

zoomInTipLabel string | undefined <optional>

Text label to use for the button tip. Default is Zoom in

zoomOutTipLabel string | undefined <optional>

Text label to use for the button tip. Default is Zoom out

delta number | undefined <optional>

The zoom delta applied on each click.

target Element | string | undefined <optional>

Specify a target if you want the control to be rendered outside of the map's viewport.

olx.control.ZoomSliderOptions{Object}

Properties:
Name Type Argument Description
className string | undefined <optional>

CSS class name.

duration number | undefined <optional>

Animation duration in milliseconds. Default is 200.

maxResolution number | undefined <optional>

Maximum resolution.

minResolution number | undefined <optional>

Minimum resolution.

render function | undefined <optional>

Function called when the control should be re-rendered. This is called in a requestAnimationFrame callback.

olx.control.ZoomToExtentOptions{Object}

Properties:
Name Type Argument Description
className string | undefined <optional>

Class name. Default is ol-zoom-extent.

target Element | string | undefined <optional>

Specify a target if you want the control to be rendered outside of the map's viewport.

label string | Node | undefined <optional>

Text label to use for the button. Default is E. Instead of text, also a Node (e.g. a span element) can be used.

tipLabel string | undefined <optional>

Text label to use for the button tip. Default is Zoom to extent

extent ol.Extent | undefined <optional>

The extent to zoom to. If undefined the validity extent of the view projection is used.