Map (Maplibre)

Use the Maplibre Map component to show the user geographic information with Maplibre. Unlike Leaflet.js, Maplibre supports interactive layers when displaying pmtiles. However, it is a slightly larger library.

An example of a maplibre map in the wild:

In a card, showing a multi-layer pmtiles file (with a layer toggle): Every Election

Light theme

Dark theme

Invoke the dark theme on any component by applying class="ds-dark" to a container element.

Here’s a demo:
    <div id="map" class="ds-map-maplibre"></div>