Dans un article, j’ai expliqué comment créer une carte interactive avec le plugin « qgis2web » de Qgis.

Aujourd’hui, je vous montre comment l’héberger et la partager via Github.

Pour utiliser GitHub, il suffit de créer un compte gratuitement via ce lien.

Le dossier de la webmap utilisé pour cet article est téléchargeable via ce lien.

Création d’un nouveau répertoire dans GitHub

Une fois dans GitHub, on crée un nouveau répertoire avec un clic sur la flèche en haut à droite puis ‘New repository » (voir image ci-dessous).

Dans la boîte de dialogue qui s’affiche, on précise:

  • Repository name: donner un nom au nouveau répertoire sans espaces ni caractères spéciaux (obligatoire);
  • Description: écrire une description (optionnel);
  • Public/Private: si publique ou privé;
  • Add a Readme File: pour ajouter un fichier « Readme », souvent de type texte, contenant la liste des fichiers du répertoire créé ( à cocher de préférence, peut être utile comme guide).

On clique sur « Create repository ».

Télécharger le dossier de la webmap

Lors de la création de la webmap avec « qgisweb », un dossier a été créé (enregistré dans le dossier « Temp » pour fichiers temporaires ).

Il y a aussi possibilité d’utiliser le dossier mis à disposition pour ce cours et téléchargeable via le lien fourni au début de cet article.

Dans la fenêtre de GitHub qui s’affiche, on clique sur « Add file » puis « Upload files ».

Avec glisser/déposer on ajoute les fichiers contenus dans le dossier de la webmap.

Une fois les dossiers téléchargés, on clique sur « Commit changes ».

Le répertoire est maintenant créé .

Publication de la webmap

On clique sur « Settings » .

On descend en bas de la page qui s’affiche jusqu’à trouver « GitHub Pages » qui permet la publication des données

On choisit dans la liste déroulante « Main » (pour branche principale) et on clique sur « Save ».

La webmap est maintenant publiée et il il suffit de descendre en bas de la page jusqu’à « GitHub pages » pour trouver l’URL.

Le résultat est consultable via ce lien.

Conseils et conclusion:

Il est préférable d’ajouter l’URL de la webmap au fichier « Readme » pour pouvoir une meilleure organisation et pourvoir aussi le retrouver facilement.

GitHub existe en version payant pour les professionnels et les entreprises aussi.

GitHub reste une bonne solution pour la publication des webmap sachant qu’elle propose une version gratuite et une version payante pour les professionnels.

Le point fort de GitHub est sa facilité d’utilisation.

Si vous connaissez d’autres alternatives pour la publication de webmap, n’hésitez pas à les proposer 😉

2 réponses pour “Hébergement webmap (carte interactive): GitHub”

  • Bonjour,
    Merci pour cette explication. J’ai réutilisé vos données pour suivre votre logique mais mon seul problème est je vois pas la couche de fond mais j’ai réussi a faire les manipulations jusqu’à avoir l’URL. Si vous pouvez éclaircir là dessus.
    Cordialment

Répondre à Lucien Annuler la réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *