Controls

First, make sure you have the base map component installed:

npx shadcn@latest add https://www.terrae.dev/map.json

Then install the controls component:

npx shadcn@latest add https://www.terrae.dev/controls.json

The MapZoom component provides zoom in and zoom out buttons.

The MapOrientation component shows a compass that displays the current map bearing and resets the map orientation when clicked. Try rotating the map (hold Ctrl/Cmd + drag) to see the compass rotate.

The MapFullscreen component toggles fullscreen mode for the map container.