Tutoriel pour auto-héberger une carte rapidement et à moindres frais.

Expliquer pourquoi auto-héberger peut être intréressant : auto-gestion infrastructure pour services sensibles avec besoins de haute disponibilité ou données privées.

1. Télécharger ou créer une carte en format PMtiles #

Soit une carte téléchargée dans celle disponible sur le service (lien), soit en générer une depuis vos propres données géographiques (lien).

2. Mettre en place la carte sur un serveur #

3. Utiliser ou créer un style #

Si vous auto-hébergez des cartes proposées par ce site, vous pouvez utiliser les styles proposés ici :

(Lien)

Vous pouvez également modifier ces styles ou en créer de nouveaux pour vos propres données :

(Lien)

4. Placer le style sur le serveur #

4. Afficher la carte #

Après avoir configuré votre fichier de style JSON, utilisez une bibliothèque comme MapLibre GL JS pour charger et afficher la carte.

Voici un extrait de code qui vous permet d'afficher la carte sur une page web. Copiez et collez le code ci-dessous dans votre page html, en remplaçant

  <div id="map"></div>
  <script>
      const map = new maplibregl.Map({
         container: 'map',
         style: 'your_style_path.json',
      });
      map.addControl(new maplibregl.NavigationControl());
  </script>