Live demo — this example is server-driven; run the showcase locally for the interactive version.

Map

Use Map straight from a Qute template — parameters and slots instead of Java builders. This reference is generated from the runtime template sources: each template documents its parameters and slots in the header comment shown beneath its include line.

Templates

map

{#include components/maps/map /}

Map — PHA custom component wrapping MapLibre GL JS 
 Optional: id — DOM id on the root; omit unless something else references the map.
              lat (optional), lng (optional), zoom (optional), style (optional), height (optional),
              navigationControl (optional), scaleControl (optional), fullscreenControl (optional) 
 Requires: the MapLibre ESM module shim (see the map demo page head): a module script
   importing /web/vendor/maplibre/maplibre-gl.mjs, assigning window.maplibregl and firing
   the maplibre-ready event. v6 ships no UMD bundle. 
 Requires: /web/vendor/maplibre/maplibre-gl.css 
 Requires: /web/js/alpine/components/map.js loaded before Alpine 
 Requires: /web/css/components/map.css