GeoLeaf
Map your territories, your way

// npm install @geoleaf/core maplibre-gl
import { Core } from "@geoleaf/core";
import "maplibre-gl/dist/maplibre-gl.css";
import "@geoleaf/core/style.css";

// center is [lat, lng] on the GeoLeaf side; conversion to
// MapLibre ([lng, lat]) happens internally.
Core.init({ mapId: "map", center: [48.8566, 2.3522], zoom: 12 });

// MapLibre 6 no longer publishes the `maplibregl` global: put it back.
import * as maplibregl from "./maplibre-gl.mjs";
globalThis.maplibregl = maplibregl;

<link rel="stylesheet" href="/vendor/maplibre-gl/maplibre-gl.css" />
<link rel="stylesheet" href="/dist/geoleaf-main.min.css" />

<div id="map" style="height:600px"></div>

<!-- Both modules run in document order: the shim sets maplibregl
     before GeoLeaf reads it. No async here. -->
<script type="module" src="/vendor/maplibre-gl/global.mjs"></script>
<script type="module" src="/dist/geoleaf.esm.js"></script>

import "@geoleaf/core/globals";
import "@geoleaf/core/helpers";
import { installBoot } from "@geoleaf/core/boot";

// Two capabilities instead of twenty-one: the others are not
// deferred, they are not in the file at all.
import { LEGEND_INSTALLER } from "@geoleaf/core/capabilities/legend/install.js";
import { CLUSTER_INSTALLER } from "@geoleaf/core/capabilities/cluster/install.js";

installBoot({ id: "my-app", capabilities: [LEGEND_INSTALLER, CLUSTER_INSTALLER] });

export * from "@geoleaf/core/kernel";
export { Legend } from "@geoleaf/core/facades/legend.js";