documentation

Ouvrir le fichier de style

1. Ouvrir l’éditeur dans un navigateur web : https://maputnik.github.io/editor. Par défaut, Maputnik affichera les données open map tiles (OSM). 

2. Ouvrir le fichier de style du plan IGN : cliquer sur le bouton Open (en haut à gauche) cela ouvrira une boite de dialogue. Dans la section Load from URL, coller l’URL du modèle à modifier. Ici nous prendrons Plan IGN option standard : https://data.geopf.fr/annexes/ressources/vectorTiles/styles/PLAN.IGN/standard.json ensuite, cliquer sur Open URL

La carte plan IGN s’affiche dans la fenêtre cartographique et la liste des styles est disponible dans le gestionnaire à gauche de l’écran. Dernier point, il faut aller dans "Style Settings et modifier le paramètre "Style renderer" pour le basculer avec "Open Layers (Experimental)" : 

 Modifier le style

Le style chargé peut maintenant être modifié. À titre d’exemple, nous allons modifier la couleur des routes non classées afin de rendre le réseau local plus visibles lors de l’affichage (les routes non classées sont visibles à partir du zoom 14). le style des routes non classées est déterminé par deux layers dans le fichier de styles : un pour le filet extérieur et l’autre pour le filet intérieur. Nous allons passer le filet extérieur en noir et colorer le filet intérieur.

1. Dans la fenêtre cartographique cliquer sur une route non classée. Une info-bulle proposant la liste des styles concernés s’ouvre. 

Dans cette info-bulle cliquer sur « Routier a niveau - filet extérieur – route non classee » pour le sélectionner. Le style devient actif dans la liste des layers à gauche. 

Note : Il est également possible de sélectionner le style dans la liste de layers, qui se trouve à gauche dans l’écran : cliquer sur le groupe « Routier », ensuite chercher le layer avec l’id : « Routier - filet extérieur – route non classee » et cliquer sur le layer pour le sélectionner. 

Le menu Layer affiche plusieurs options pour modifier le style de ce layer. Tout en bas dans ce menu on peut voir le texte JSON qui correspond au style de ce layer dans le fichier de style. 

2. Cliquer sur la valeur du champ color dans la section Paint propertiespour en modifier la couleur grise par du noir : 

Cette valeur peut être modifiée avec le menu colorimétrique comme visualisé ci-dessous ou en saisissant manuellement la valeur. Le texte JSON en bas du menu est modifié en conséquence. 

3. Pour modifier le filet extérieur procéder de la même façon avec le layer « Routier a niveau - filet extérieur – route non classee » en remplaçant la couleur dans la section Paint properties par celle de votre choix (dans l’exemple un vert très pâle).

Dans la fenêtre cartographique les routes locales sont maintenant plus visibles.

4. Exporter le nouveau style vers un fichier JSON : cliquer dans le bouton Export (en haut de l’écran). Ne rien renseigner dans la boîte de dialogue qui s’ouvre et cliquer sur Download. Le nouveau fichier de style est enregistré en local.