Des fonds de carte gratuits pour vos sites et applications Rapide. Gratuit. Pour toujours.

let maplibrePromise = null;
let cssLoaded = false;

/**
 * Charge MapLibre GL et son CSS de manière différée au besoin
 * @returns {Promise} Le module MapLibre GL
 */
async function loadMapLibre() {
    if (!maplibrePromise) {
        maplibrePromise = Promise.all([
            import('maplibre-gl'),
            loadMapLibreCSS()
        ]).then(([module]) => module.default);
    }
    return maplibrePromise;
}

/**
 * Charge le CSS de MapLibre GL dynamiquement
 */
async function loadMapLibreCSS() {
    if (!cssLoaded) {
        await import('maplibre-gl/dist/maplibre-gl.css');
        cssLoaded = true;
    }
}

/**
 * Classe de chargement différé pour MapLibre GL
 * Fournit une API similaire à maplibregl mais avec chargement différé
 */
export class MapLibreLoader {
    constructor() {
        this.maplibregl = null;
    }

    /**
     * Crée une nouvelle instance de carte, chargeant MapLibre GL si nécessaire
     * @param {Object} options - Options de configuration de la carte
     * @returns {Promise} Une instance de carte MapLibre GL
     */
    async createMap(options) {
        this.maplibregl = await loadMapLibre();
        return new this.maplibregl.Map(options);
    }

    /**
     * Récupère la bibliothèque MapLibre GL, avec chargement différé si nécessaire
     * @returns {Promise} La bibliothèque MapLibre GL
     */
    async getLibrary() {
        this.maplibregl = await loadMapLibre();
        return this.maplibregl;
    }
}

export default new MapLibreLoader();