API / Controls

NavigationControl

Add the MapLibre navigation control to the map. This control shows zoom buttons and a compass.

Put it inside the MapLibre component. The component uses the props only when it creates the control. Changes to the props after that have no effect. The component removes the control when it is destroyed.

import { NavigationControl } from 'svelte-maplibre';

Examples

Controls
3D Terrain

Props

position maplibregl.ControlPosition

Default: 'top-left'
showCompass boolean

Default: true
showZoom boolean

Default: true
visualizePitch boolean

Default: false

Source: src/lib/NavigationControl.svelte