.q2w-compass · .q2w-scale

Compass & Scale

Orientation and scale controls for field maps, rotated maps, and print-friendly WebGIS interfaces.

Preview

1 km
N
Bearing032°

Variants

N
Reset north
Bearing032°
1 km
Scale1:25,000

Usage

<div class="q2w-compass q2w-compass--ring">
  <span class="q2w-compass__n">N</span>
  <div class="q2w-compass__needle"></div>
</div>

<div class="q2w-scale q2w-scale--bar">
  <div class="q2w-scale__bar"></div>
  <div class="q2w-scale__label">1 km</div>
</div>
← Basemap Layer →