Module Javascript

Bonjour,

Je travaille sur une application cartographique avec plusieurs modules.
Je travaille avec le framework Maplibre.

J'ai donc un fichier PHP avec plusieurs fichiers JS, dont le fichier map.js qui permet de déclarer une carte définie de la manière suivante :

var map = new maplibregl.Map({
etc.
})

Cette variable est commune à tous les modules de l'application. Seulement dans chaque module, il ne suffit pas de faire un

import {map} from 'https://urldemonapplication.fr/monfichier.js'

car j'ai un fichier de configuration dont le contenu varie selon que je suis en local ou en distant.

Je suis donc obligé de passer par des imports dynamiques selon:

let { map } = await import(monurldeconfig + '/map.js'}

Mais le problème est ici : dans chaque module, je dois déclarer cette ligne. Ainsi si j'ai 3 modules, cette ligne est appelée 3 fois, donc 3 cartes.

Comment faire pour que la variable soit reconnue par tous les modules ?

Je ne sais pas si c'est très clair :/

Merci pour vos retours et éclairages.

Sylvain