Qgis est l’un des meilleurs logiciels SIG open source. Aujourd’hui, je vous propose un pluging assez intéressant: « qgis2web » permettant la réalisation de WebMap.

Pour cet article j’ai utilisé un projet Qgis contenant:

• Couche « COMMUNE »
• Couche « CHEF_LIEU »
• Couche « OpenStreetMap monochrome » du plugin « QuickMapServices »

Les couches « COMMUNE » et « CHEF_LIEU » sont dans le dossier BD_Topo_Administratif téléchargeable via ce lien et la couche « OpenStreetMap monochrome » téléchargeable avec le plugin « QuickeMap Services ».

Installation du plugin « qgis2web »

Dans le menu ‘Extension » sélectionner le sous-menu « Installer/Gérer les extensions ».

Recherche le plugin « qgis2web » dans la barre de recherche .

Sélectionner le plugin et cliquer sur « Installer l’extension » pour ensuite l’activer en cochant sa case.

On ferme la boite de dialogue et on ouvre le projet « qgis_webmap » si téléchargé.

Paramétrage du plugin

Dans le menu « Internet » de Qgis,choisir « qgis2web » puis « Create web map ».

Seuls les paramétrages importants et nécessaires sont abordés dans cet article car plusieurs sont dédiés à la personnalisation et les préférences.

Dans la boîte de dialogue, le premier onglet « Layers and Groups » sert au paramétrage des couches et groupes de couches:

• Visible: pour rendre visible ou invisible une couche dans la webmap;
• Popups: pour afficher l’infobulle quand le pointeur de la souris est sur une entité de la couche;
• Cluster: pour une couche vecteur de géométrie « point », afficher les points superposés avec un seul point;
• Réglage infobulle :
  • no label: le nom du champ ne sera pas affiché;
  • Inline label: le nom du champ et sa valeur seront affichés;
  • header label: le nom du champ sera écrit en gras comme un titre et sa valeur écrite en-dessous.
• Update preview: pour avoir un aperçu du résultat.
• Export: pour valider la création de la webmap.

Dans l’onglet « Export » on définit:

• Exporter: préciser le chemin vers le dossier où sera enregistré la web map;
• Minify GeoSON Files: élimine les fichiers inutiles (à cocher de préférence).

Valider l’exportation avec l’icône « Export ».

Voici le résultat brut avec comme URL de la page le lien vers le dossier où la carte est enregistrée.

J’ai hébergé la web map dans Github qui est gratuit, mais vous pouvez choisir l’hébergeur de votre choix.

Voici le lien vers la carte réalisée avec l’URL d’une page web.

J’espère que cet article vous sera utile 😉

Information:

Il est important de définir un système de projection pour le projet.

Il faut paramétrer les couches pour:

• Définir les champs à afficher ou à cacher dans la carte;
• Définir des alias qui seront affichés pour les champs pour ne pas afficher les noms souvent incompréhensibles.
• Ces paramètres sont modifiables dans les propriétés de la couche, onglet « Champs source ».

Si les infobulles ne s’affichent pas dans la web map: cocher « Highlight on hover » dans l’onglet « Apparence ».

Si la carte n’est pas affichée en plein écran comme dans cette image opter pour « Full screen » pour « Template » dans l’onglet apparence pour un affichage en plein écran. Mais ça reste une préférence.