elbe/ui

A set of spartan/ui components for building maps with Maplibre.

Installation

The map components are an addition to the ngx-maplibre-gl library.

Install npm install @maplibre/ngx-maplibre-gl maplibre-gl.

/*  styles.css */
@import 'maplibre-gl/dist/maplibre-gl.css' layer(components);

<elb-geolocate-control /> reuses the native MapLibre geolocate control for its functionality, so hide the original one via CSS:

/*  styles.css */
@layer base {
  .maplibregl-ctrl-group {
    &:has(*:is(.maplibregl-ctrl-geolocate)) {
      display: none;
    }
  }
}

Examples

Map Control

Open in