Class Toolbar

Toolbar represents the main toolbar of the marker.js 2 interface.

Hierarchy

Toolbar

Index

Constructors

constructor

Methods

Constructors

constructor

new Toolbar(markerjsContainer: HTMLDivElement, displayMode: DisplayMode, markerItems: typeof MarkerBase[], uiStyleSettings: IStyleSettings, styles: StyleManager): Toolbar

Creates the main marker.js toolbar.

Parameters
- markerjsContainer: HTMLDivElement
  
  container for the toolbar in the marker.js UI.
- displayMode: DisplayMode
  
  marker.js display mode (inline or popup).
- markerItems: typeof MarkerBase[]
  
  available marker types.
- uiStyleSettings: IStyleSettings
  
  settings for styling the tooblar ui.
- styles: StyleManager
Returns Toolbar

Methods

addButtonClickListener

addButtonClickListener(listener: ToolbarButtonClickHandler): void

Add a listener to the toolbar button click event.

Parameters
- listener: ToolbarButtonClickHandler
Returns void

adjustLayout

adjustLayout(): void

Adjusts toolbar layout.

Returns void

removeButtonClickListener

removeButtonClickListener(listener: ToolbarButtonClickHandler): void

Remove a listener for the toolbar button click event.

Parameters
- listener: ToolbarButtonClickHandler
Returns void

setActiveMarkerButton

setActiveMarkerButton(typeName: string): void

Selects toolbar button for a specified marker type.

since

2.17.0

Parameters
- typeName: string
  
  Marker type name
Returns void

setCurrentMarker

setCurrentMarker(marker?: MarkerBase): void

Sets current marker and enables/disables action buttons accordingly.

Parameters
- Optional marker: MarkerBase
Returns void

setSelectMode

setSelectMode(): void

Switch toolbar to the select mode.

Returns void

show

show(visiblity: string): void

Creates and displays the toolbar UI.

Parameters
- visiblity: string
Returns void

Generated using TypeDoc