Skip to content

Both copy text to your clipboard — Build with AI copies a setup prompt to paste into Claude Code, Cursor, Codex or Copilot; Copy page as Markdown copies this page to paste into a chat. How it works

NavigationControl ​

Defined in: src/ui/control/navigation_control.ts:52

A NavigationControl control contains zoom buttons and a compass.

Example ​

ts
let nav = new NavigationControl();
map.addControl(nav, 'top-left');

See ​

Display map navigation controls

Implements ​

Constructors ​

Constructor ​

new NavigationControl(options?: NavigationControlOptions): NavigationControl

Defined in: src/ui/control/navigation_control.ts:65

Parameters ​

ParameterTypeDescription
options?NavigationControlOptionsthe control's options

Returns ​

NavigationControl

Methods ​

onAdd() ​

onAdd(map: Map): HTMLElement

Defined in: src/ui/control/navigation_control.ts:117

Register a control on the map and give it a chance to register event listeners and resources. This method is called by Map#addControl internally.

Parameters ​

ParameterTypeDescription
mapMapthe Map this control will be added to

Returns ​

HTMLElement

The control's container element. This should be created by the control and returned by onAdd without being attached to the DOM: the map will insert the control's element into the DOM as necessary.

Implementation of ​

IControl.onAdd


onRemove() ​

onRemove(): void

Defined in: src/ui/control/navigation_control.ts:141

Unregister a control on the map and give it a chance to detach event listeners and resources. This method is called by Map#removeControl internally.

Returns ​

void

Implementation of ​

IControl.onRemove