.q2w-footer

Footer

Sticky map footer for scale, attribution, coordinates, and compact map chrome.

Preview

0500m
1 : 24,000
Z 15 · -7.7868°, 108.4670°
Compact footer
108.4670, -7.7868
Coordinate-only footer · 108.4670, -7.7868

Usage

<div class="q2w-footer">
  <div class="q2w-footer__group"><div class="q2w-scalebar">...</div></div>
  <div class="q2w-footer__push"></div>
  <div class="q2w-footer__coord">108.4670, -7.7868</div>
</div>

Variants

PatternEffect
.q2w-footerDefault sticky footer shell
.q2w-scalebarScale bar block for map scale context
.q2w-footer--compactDenser layout for smaller maps
.q2w-footer--floatingFloating overlay footer for framed maps
.q2w-footer--coordsCoordinate-only footer variant
← Header Sidebar →