Skip to content
LoidoltTheme 0.11.1
Svelte 5

Component

CoordinateDisplay

The coordinate under the pointer, or at the centre for keyboard users, with the zoom.

import { CoordinateDisplay } from '@loidolt/theme-maps';

Example

Focus the map to move it: arrow keys pan, plus and minus zoom, Shift with the arrows rotates and tilts.

Focus the map to move it: arrow keys pan, plus and minus zoom, Shift with the arrows rotates and tilts.

Props

Generated from the component source, so it cannot drift from the implementation.

CoordinateDisplay props
PropTypeDefaultNotes
class string—
format 'decimal' | 'dms''decimal'decimal degrees, or degrees, minutes and seconds.
position Corner'bottom-left'
precision number—
showZoom booleantrue
zoomLabel string'Zoom'