GeoLeaf
La feuille de route de vos territoires

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

// center est [lat, lng] côté GeoLeaf ; la conversion vers
// MapLibre ([lng, lat]) est interne.
Core.init({ mapId: "map", center: [48.8566, 2.3522], zoom: 12 });

// MapLibre 6 ne publie plus le global `maplibregl` : on le repose.
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>

<!-- Les deux modules s'exécutent dans l'ordre du document : le shim
     pose maplibregl avant que GeoLeaf ne le lise. Pas d'async ici. -->
<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";

// Deux capacités au lieu de vingt-et-une : les autres ne sont
// pas différées, elles ne sont pas dans le fichier.
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";