Lors de mes échanges avec les orga­nismes de bassins versants du Québec, le besoin de publier des données spatiales sur Inter­net est souvent évoqué. La plupart du temps, les orga­ni­sa­tions ont recours à des solu­tions payantes pour y répondre. Dans bien des cas, la complexité des produits carto­gra­phiques qu’elles souhaitent diffu­ser justi­fie tout à fait l’achat de licences d’uti­li­sa­tion, celles-ci donnant accès à des outils puis­sants et simples à utili­ser. 

Cela dit, pour des géoma­ti­ciens et géoma­ti­ciennes déjà à l’aise avec les SIG et les données spatiales, la courbe d’ap­pren­tis­sage pour diffu­ser des données sur le web à moindre coût est moins abrupte qu’on pour­rait le croire. Quelques heures suffisent pour maîtri­ser l’es­sen­tiel, sans avoir à deve­nir déve­lop­peur web ! 

Le format qui change la donne 

Comme dans bien des domaines tech­no­lo­giques, la carto­gra­phie web se démo­cra­tise. Il devient de plus en plus simple de publier des données spatiales sur Inter­net, notam­ment grâce à un format de données : le PMTiles. 

L’avan­tage du PMTiles : vous n’avez plus besoin d’un serveur carto­gra­phique spécia­lisé comme GeoSer­ver ou MapSer­ver pour diffu­ser vos données. Imagi­nez un GeoPa­ckage conçu pour le web. Ce format regroupe toutes vos tuiles de données dans un seul fichier et utilise des requêtes HTTP range pour que votre navi­ga­teur accède aux tuiles néces­saires à la vue courante. 

Résul­tat : votre carte fonc­tionne sur n’im­porte quel héber­ge­ment web stan­dard, sans confi­gu­ra­tion parti­cu­lière. 

Géné­rer vos tuiles dans QGIS 

Les PMTiles peuvent être géné­rés à partir de plusieurs outils gratuits, dont GDAL qui permet d’ef­fec­tuer la conver­sion en une simple commande dans votre termi­nal: 

Si vous n’êtes pas à l’aise avec les lignes de commandes, pas de souci, vous pouvez égale­ment faire cette conver­sion dans QGIS en quelques clics : 

1. Conver­tir vos données en MBTiles grâce aux outils de trai­te­ment four­nis par QGIS : « Écrire des tuiles vecto­rielles » pour vos données vecto­rielles et « Géné­rer des tuiles XYZ » pour vos données matri­cielles.
     
   
   
2. Conver­tir les MBTiles résul­tant en PMTiles grâce à l’ex­ten­sion PMTiles.  

Et voilà, en quelques clics, vous pouvez ainsi conver­tir vos couches de données géoma­tiques en PMTiles et êtes prêts ou prête à les publier sur Inter­net !  

Un fichier, plusieurs couches

L’un des atouts du format PMTiles est de regrou­per plusieurs couches géogra­phiques dans un seul fichier, comme le fait le GeoPa­ckage. Limites de bassins versants, sites d’échan­tillon­nage, réseau hydro­gra­phique : tout se dépose en une seule opéra­tion sur le serveur. Chaque couche peut ensuite rece­voir sa propre symbo­lo­gie.

Nuance à garder en tête : toutes les couches d’un même fichier partagent le même niveau de zoom maxi­mum. Mais ne vous inquié­tez pas, deux fichiers PMTiles peuvent coexis­ter sans problème sur la même carte. 

Créer votre carte avec MapLibre GL JS 

MapLibre GL JS est une biblio­thèque JavaS­cript gratuite et open source qui gère le rendu de vos cartes dans le navi­ga­teur. Plusieurs autres produits simi­laires existent, mais MapLibre est parti­cu­liè­re­ment bien adapté à l’uti­li­sa­tion des PMTiles.  

Son site de docu­men­ta­tion propose du code prêt à être copié et collé dans un fichier HTML que vous crée­rez sur votre ordi­na­teur. Il suffit de créer un fichier texte et de lui donner l’ex­ten­sion .html. Pas de logi­ciel spécia­lisé requis : un éditeur de texte comme VS Code, Note­pad++ ou même le Bloc-notes de Windows suffit ! 

Le fichier HTML récu­péré contient du code JavaS­cript qu’il faut adap­ter à vos données. Pas de panique : vous n’au­rez pas à comprendre tout le code. Deux sections seule­ment vous concernent, et elles fonc­tionnent comme des proprié­tés de couche dans QGIS : vous ajus­tez des valeurs, pas de la logique. 

Les sources 

La section sources déclare l’ori­gine des données : chemin vers votre fichier PMTiles, URL d’un fond de carte OpenS­treet­Map, ou autres données inté­grées direc­te­ment. C’est l’équi­valent d’ajou­ter une couche dans la liste des couches de QGIS, sans déci­der de sa symbo­lo­gie. 

La docu­men­ta­tion complète des types de sources et de leurs options de confi­gu­ra­tion se trouve à ici. 

Les layers 

La section layers défi­nit la repré­sen­ta­tion visuelle de chaque source : couleur, opacité, épais­seur de trait, visi­bi­lité par niveau de zoom. C’est l’équi­valent des proprié­tés de couche dans QGIS.  

Encore une fois, tout est docu­menté en détails à cette adresse. 

Et le tour est joué ! 

Une fois le fichier HTML ajusté, il suffit de le dépo­ser sur votre serveur web en l’ac­com­pa­gnant de votre fichier PMTiles. Vos données sont alors acces­sibles sur le web, sans abon­ne­ment, sans serveur carto­gra­phique, et sans avoir écrit une seule ligne de code. La barrière n’est plus finan­cière ni tech­nique, elle se résume à quelques heures d’ap­pren­tis­sage ! 

Ressources utiles 

Pour termi­ner, voici quelques réfé­rences complé­men­taires qui vous aide­ront à créer vos cartes à partir de PMTiles et de MapLibre GL JS: 

• Site de docu­men­ta­tion offi­ciel de Proto­maps (PMTiles) 
• Site de docu­men­ta­tion offi­cielle de MapLibre GL JS 
• Docu­men­ta­tion offi­cielle sur les style de couche MapLibre GL JS 
• Liste de lecture Youtube de la chaîne MapTi­ler sur MapLibre GL JS

Photo: XooKits, Shut­ter­stock