🎨 Nouvel outil de dessin de cartographie

[dbarzin]

Le nouvel éditeur de schémas est arrivé ! Il remplace l'outil de dessin précédent et repart sur des bases plus solides, en tenant compte de vos demandes remontées ces derniers mois.

⚠️ Disponible pour l'instant uniquement dans la branche dev. Le passage en production est prévu la semaine prochaine — le temps de finaliser les derniers tests.

Mercator générait déjà des schémas automatiques (Graphviz pour les vues fixes, Vis.js pour l'exploration). Pratique, mais le placement est imposé par l'algorithme. Pour un rapport d'analyse ou une présentation à la direction, on veut souvent un schéma sur-mesure — dessiné directement à partir des objets réels de ta cartographie et que l'on peut sauver.

Ce que l'on peut faire :

📐 Placer les objets de la cartographie sur un canevas et les positionner librement
🧲 Un moteur physique avec répulsion entre les noeuds
📝 Ajouter du texte et des encadrés pour regrouper ou annoter
🎨 Personnaliser les couleurs des liens et des libellés
💾 Exporter en SVG pour l'intégrer dans un rapport ou une présentation

Sous le capot, c'est basé sur MaxGraph (schémas éditables).

Testez-le sur dev et continuez à nous remonter vos idées dans la discussions !

[oliboub]

Bonjour Didier,
Merci pour les efforts.

Mes premiers retours:
Le fait d'ajouter des objets et double cliquer dessus pour avoir tous ceux qui sont liés, c'est à double tranchant.

Si j'ajoute un ensemble d'objet liés et que je les places à ma manière, et qu'ensuite je double clique sur un objet lié pour afficher ses propres objets liés, il me défait toute ma présentation, et reprend le modèle standard " exploration" ce qui est contre productif. Il faudrait que ce qui est positionné manuellement soit "locké" et que seul ce qui est ajouté soit "vivant"

Sur les ajouts:

• merci pour le fond d'écran

Sur les pertes:

• La grille de points qui aide à aligner
• la possibilité de tirer les liens pour les mettre en équerre ou autre afin d'affiner l'affichage, là on n'a que des traits droits

• impact identique si on a groupé des éléments, donc il faut dégrouper pour replacer un objet du groupe.

• Possibilité de déplacer un objet d'un groupe sans casser le groupe

En fait cette notion d'objet liés automatiques est plus contraignant pour une carte que pour une exploration. Dans la carte, il est plus judicieux d'ajouter objet par objet, car ça demande réflexion..

Avant:

Après:

A suivre..
Olivier

[dbarzin]

Le fait d'ajouter des objets et double cliquer dessus pour avoir tous ceux qui sont liés, c'est à double tranchant.

Si j'ajoute un ensemble d'objet liés et que je les places à ma manière, et qu'ensuite je double clique sur un objet lié pour afficher ses propres objets liés, il me défait toute ma présentation, et reprend le modèle standard " exploration" ce qui est contre productif. Il faudrait que ce qui est positionné manuellement soit "locké" et que seul ce qui est ajouté soit "vivant"

Ne pas activer automatiquement le moteur physique lors d'un double click. Ou pouvoir fixer définitivement (clouer) certains objet dans le schéma.

Sur les ajouts:

* merci pour le fond d'écran

Sur les pertes:

* La grille de points qui aide à aligner

La grille va devenir une option de l'éditeur.

* la possibilité de tirer les liens pour les mettre en équerre ou autre afin d'affiner l'affichage, là on n'a que des traits droits

IDEM, on va mettre les deux types de lien en option.

* > impact identique si on a groupé des éléments, donc il faut dégrouper pour replacer un objet du groupe.

* Possibilité de déplacer un objet d'un groupe sans casser le groupe

On pense que ce ne sera pas possible, on vérifie.

En fait cette notion d'objet liés automatiques est plus contraignant pour une carte que pour une exploration. Dans la carte, il est plus judicieux d'ajouter objet par objet, car ça demande réflexion..

On va essayer de garder le meilleur des deux mondes 😄

[oliboub]

_Le fait d'ajouter des objets et double cliquer dessus pour avoir tous ceux qui sont liés, c'est à double tranchant.

Si j'ajoute un ensemble d'objet liés et que je les places à ma manière, et qu'ensuite je double clique sur un objet lié pour afficher ses propres objets liés, il me défait toute ma présentation, et reprend le modèle standard " exploration" ce qui est contre productif. Il faudrait que ce qui est positionné manuellement soit "locké" et que seul ce qui est ajouté soit "vivant"_

Ne pas activer automatiquement le moteur physique lors d'un double click. Ou pouvoir fixer définitivement (clouer) certains objet dans le schéma.

Je n'avais pas activé physique.. Mais je constate que si on double clique sur un objet, l'aimnat devient noir ( actif) et en fin de positionnement des objets, il se désactive..

[dbarzin]

_Le fait d'ajouter des objets et double cliquer dessus pour avoir tous ceux qui sont liés, c'est à double tranchant.

Si j'ajoute un ensemble d'objet liés et que je les places à ma manière, et qu'ensuite je double clique sur un objet lié pour afficher ses propres objets liés, il me défait toute ma présentation, et reprend le modèle standard " exploration" ce qui est contre productif. Il faudrait que ce qui est positionné manuellement soit "locké" et que seul ce qui est ajouté soit "vivant"_

Ne pas activer automatiquement le moteur physique lors d'un double click. Ou pouvoir fixer définitivement (clouer) certains objet dans le schéma.

Je n'avais pas activé physique.. Mais je constate que si on double clique sur un objet, l'aimnat devient noir ( actif) et en fin de positionnement des objets, il se désactive..

C'est une option que nous allons ajouter. Ce n'est pas encore disponible.

[dbarzin]

Voici un autre exemple :

[oliboub]

Avec le fond, ça le fait grave :)

[oliboub]

Sur les couleurs des liens:

• Est-ce qu'il serait envisageable de changer la couleur de plusieurs liens sélectionnés à la fois ?

-est-ce possible d'avoir le "appliquer" des couleurs, directement dans le choix (R G B) , car dès qu'on se déplace, ça change la couleur que l'on avait choisie

Sur le fond:
Si on met un fond d'écran plus grand que la page, il ne prend que le haut. Peut-on envisage de chosir:

• la zone du fond d'écran que l'on veut
• Retailler le fond d'écran
• Compresser de le fond d'écran pour qu'il tienne en entier?

Si non, ce serait bien que l'on ait une indication de la taille optimale ( x - y en bas de l'écran par exemple) du fond d'écran quand on met les objets, car je pense que la taille s'adapte aux nombre d'objets.?

Si on utilise la loupe ( - ) le fond d'écran ne se repositionne pas ..Même si on le réimporte.

Border:

• Comment changer la couleur du fond?
• Peut-on prévoir de positionner le texte ou on veut ( par exemple centré en haut?)

[oliboub]

Petits erratums:

• On peut changer la couleur d'un border, s'il ne contient pas de texte
• On peut décaler le texte d'un border vers le haut en ajoutant de Shift-Enter à la fin..

Il semble que l'on ne puisse pas changer la couleur du tour d'un border
Et le choix des types de traits (tirets) sur les liens reste non modifiable

[oliboub]

Bonjour Didier,

Autre demande,
Une carte pouvant servir de template, peut-on avoir l'option copier - coller d'une carte vers une autre?
merci
Olivier

[dbarzin]

[dbarzin]

Plusieurs améliorations ont été implémentées :

• choix du type de lien entre le noeuds
• pas d'activation automatique de l'aimant
• modifier plusieurs liens en même temps ( pour les changer tous)
• affichage de la grille

Concernant le fond de l'écran, il faut choisir un fond avec la bonne taille et déplacer les éléments pour les mettre sur le fond. Puis sauver et rouvrir pour voir le graphe dans une taille optimale.

[oliboub]

Merci Didier

Les liens OK, testé.
Avec un effet bizarre, si on déplace un objet lié. Il ne conserve pas toujours l'angle droit.. (voir snapshot ci dessous)
J'ai aussi un effet bizarre, quand j'ai remis en ligne droite un lien qui était à angle droit:

Ce n'est pas systématique, donc difficile à reproduire.

Pas d'activation automatique de l'aimant: merci ça fonctionne.

La grille: OK, merci. ce serait bien que si on sauve avec la grille, on la récupère à l'ouverture..

Modification de plusieurs liens en même temps, OK. Cool

J'ai un nouveau soucis , j'ai cliqué sur mercator-app, et il m'a remis une deuxième fois Cartographie informatique (application)

Ca ne l'a fait qu'avec cet objet.

Pour les fonds d'écran, c'est assez complexe de connaitre la taille nécessaire d'un schéma, car la taille peut changer dès qu'on ajoute un objet. Si je met un fond trop gros, après sauvegarde, la fenêtre prends bien la taille du fond, mais on ne voit plus les objets si le fond est trop gros.
Ce serait bien d'avoir en bas la taille de la fenetre optimale et mise à jour en permanence pour s'assurer de préparer le fond à la bonne taille.

Autre point suite à ça, il faudrait qu'on pousse avoir un zoom automatique, qui permette de voir, de manière optimum, tous les objets dans la fenêtre, mais sans changer leur positions les uns par rapports aux autres.

[oliboub]

meme problème de doublon si je clique sur RH-Solution, il m'a remis le serveur logical-server-rh11

[dbarzin]

Je pense que c'est lié à l'édition d'anciennes cartes. Les ID internes des objets dans la carte ont changé. Cela n'a pas impact sauf pour la détection des doublons.

[oliboub]

Je pense que c'est lié à l'édition d'anciennes cartes. Les ID internes des objets dans la carte ont changé. Cela n'a pas impact sauf pour la détection des doublons.

Je m'en doutais un peut..

Estc-e que si on fait sauvegarder sur une ancienne carte, elle prend les nouveux formats et se met à jour par rapport au nouveau modèle de donnée?

[dbarzin]

🎉 Le bouton de zoom automatique est disponible !

[oliboub]

Merci. Pourrais-tu vérifier les modules?
modifier me donne une page vide ( comme au début) et ajouter un objet dans une nouvelle carte ne fonctionne pas.

[dbarzin]

Fait !

[oliboub]

Ca marche. C'est impeccable. Merci.

[oliboub]

Ca commence à prendre forme.

Note: le fait qu'on puisse supprimer un lien de la carte, c'est un plus !

Quelques propositions d'améliorations :)

• Proposer de sauvegarder quand on quitte le mode modification ou création. (je me suis fais piégé , quand j'ai voulu vérifier une information sur un asset)
• Possibilité d'avoir une couleur différente du texte pour les ip , ou attributs
• Possibilité que la fenêtre de cartographie, soit à la taille de la page web ? (car on perd pas mal de place sur un grand écran) même enutilisant la fleche de droite poru agrandir (ca reste à la même taille)
• Possibilité de export en svg pour un utilisateur en mode visualisation, peut être aussi show ip. (à définir dans les paramètres) car les ip adresses ça peut être considéré stratégique et confidentiel)
• Possibilité de faire un "save as" du schéma, car on peut vouloir conserver l'original et faire évoluer vers un autre type de graphe. (eg infra vers applications)
• Il faudrait mettre la grille au dessus du fond si possible.
• Si on a un fond, le déplacement du contenu de la page par un bouton droit bloqué ne se fait que si on clique en dehors du fond.

Problème:
Après avoir ajouté un fond, je ne peux pas ajouter un border . (on ne voit que la proposition des bords, mais rien ne se fait.

A suivre.
Olivier

[dbarzin]

**Par contre nouveau bug: Dans le texte d'un border, si tu essayes de supprimer un caractère ( par suppr ou par backspace) tu supprimes le border **

Je n'ai pas ce réussi à reproduire ce comportement. Pour modifier le texte d'un rectangle, il faut cliquer deux fois dessus. Après cela il est ppssoble de mofieir le texte.

Question complémentaire: Si je supprime un ien entre deux objets dans la carte, comment l'ajouter sans double cliquer sur l'objet pour afficher tous les objets liés? (exemple un drag an drop entre 2 objets pourrait afficher le ou les liens existants entre ces 2 objets ??

Il y a pour annuler le dernier changement. Si ce n'est pas le dernier changement, ce comportement a été ajouté : si on ajoute un objet qui existe déjà dans la carte, il n'est pas ajouté mais tous les liens de cet objet vers des objets déjà présentas dans la carte sont réstaurés (ou ajoutés si ce sont de nouveaux liens).

[oliboub]

*Par contre nouveau bug: Dans le texte d'un border, si tu essayes de supprimer un caractère ( par suppr ou par backspace) tu supprimes le border **

Je n'ai pas ce réussi à reproduire ce comportement. Pour modifier le texte d'un rectangle, il faut cliquer deux fois dessus. Après cela il est possible de modifier le texte.

J'essaye de te faire un gif. Première suppression en [backspace], deuxième en [suppr]

Question complémentaire: Si je supprime un ien entre deux objets dans la carte, comment l'ajouter sans double cliquer sur l'objet pour afficher tous les objets liés? (exemple un drag an drop entre 2 objets pourrait afficher le ou les liens existants entre ces 2 objets ??

Il y a pour annuler le dernier changement. Si ce n'est pas le dernier changement, ce comportement a été ajouté : si on ajoute un objet qui existe déjà dans la carte, il n'est pas ajouté mais tous les liens de cet objet vers des objets déjà présentas dans la carte sont réstaurés (ou ajoutés si ce sont de nouveaux liens).

Ca fonctionne, excellente idée. Merci

[dbarzin]

*Par contre nouveau bug: Dans le texte d'un border, si tu essayes de supprimer un caractère ( par suppr ou par backspace) tu supprimes le border **

Je n'ai pas ce réussi à reproduire ce comportement. Pour modifier le texte d'un rectangle, il faut cliquer deux fois dessus. Après cela il est possible de modifier le texte.

Confirmé lorsque le texte contient plusieurs lignes.

[dbarzin]

Ce problème est corrigé : #2465

[oliboub]

Merci, testé. ça marche..

[oliboub]

Bonjour Didier
svg export:
Voir: #2460

Olivier

[oliboub]

Bonjour,

Nouveau besoin.

Lié aux discussions : 2233

Puisque que l'on ne peut pas voir le software d'une base de donnée database --> application ni les liens OS pour physical-servers

Serait-il possible d'ajouter des liens manuels dans cartes?

Par exemple j'ai une application mariadb version 11

J'ai une base de donnée qui utilise le type mariadb

Donc je mets les 2 dans la carte et je tire un lien entre les deux..

Idem par exemple entre un physical-serveurs/PHYSICAL-SERVER-0011 et Application/Ubuntu 22.04 LTS

Çà permettrait de gérer en attendant une future intégration des ces liens..
Merci
Olivier

[dbarzin]

Je recommande d'ajouter un flux applicatif entre les deux objets pour identifier le lien mais également les informations échangées dans ce flux.

[oliboub]

OK, mais ca fait un peut chargé. Ajouter juste un flux applicatif entre une base mariadb et le logiciel mariadb.
Ca peut être utile pour certaines choses.
Merci pour l'idée.

[oliboub]

Bonjrou Didier,

Pettie proposition d'améioration: Serait-il possibel de ne pas quitter la modificaiton quand on fait sauver?
C'est rassurant parfois de sauvegarder ses modificaitons en cours, et de continuer..

[dbarzin]

L'icône "sauver" ou <ctrl-s> permet de sauver. Pour le bouton vert "sauver", je propose de conserver le comportement identique aux autres écrans.

[oliboub]

OK. Pas de soucis

[dbarzin]

La documentation de l'utilisation de l'éditeur de cartes se trouve ici : https://sourcentis.github.io/mercator/fr/maps/

[oliboub]

Bonjour Didier,

(branch dev)
Dans les docs maps, les images ne sont pas chargées

mkdocs serve

 │  ⚠  Warning from the Material for MkDocs team
 │
 │  MkDocs 2.0, the underlying framework of Material for MkDocs,
 │  will introduce backward-incompatible changes, including:
 │
 │  × All plugins will stop working – the plugin system has been removed
 │  × All theme overrides will break – the theming system has been rewritten
 │  × No migration path exists – existing projects cannot be upgraded
 │  × Closed contribution model – community members can't report bugs
 │  × Currently unlicensed – unsuitable for production use
 │
 │  Our full analysis:
 │
 │  https://squidfunk.github.io/mkdocs-material/blog/2026/02/18/mkdocs-2.0/

INFO    -  Building documentation...
INFO    -  mkdocs_static_i18n: Building 'en' documentation to directory: /tmp/mkdocs_ce3wbv5z
INFO    -  mkdocs_static_i18n: Adding 'fr' to the 'material/search' plugin 'lang' option
INFO    -  Cleaning site directory
WARNING -  Doc file 'maps.md' contains a link 'images/icons/lightning-fill.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/grid-3x3-gap.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/magnet.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/plus-square-dotted.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/dash-square-dotted.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/fonts.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/bounding-box.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/image.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/zoom-in.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/zoom-out.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/crosshair.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/arrow-counterclockwise.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/arrow-clockwise.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/floppy-fill.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/download.svg', but the target is not found among documentation files.
INFO    -  mkdocs_static_i18n: Building 'fr' documentation to directory: /tmp/mkdocs_ce3wbv5z/fr
INFO    -  The following pages exist in the docs directory, but are not included in the "nav" configuration:
             - Temp_user_guide/Naming_conventions.fr.md
             - Temp_user_guide/ecosystem_view.fr.md
             - Temp_user_guide/entities.fr.md
             - Temp_user_guide/input_types.fr.md
             - Temp_user_guide/objects_usage_summary.fr.md
             - Temp_user_guide/relations.fr.md
INFO    -  mkdocs_static_i18n: Translated 23 navigation elements to 'fr'
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/lightning-fill.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/grid-3x3-gap.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/magnet.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/plus-square-dotted.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/dash-square-dotted.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/fonts.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/bounding-box.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/image.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/zoom-in.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/zoom-out.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/crosshair.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/arrow-counterclockwise.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/arrow-clockwise.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/floppy-fill.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/download.svg', but the target is not found among documentation files.
INFO    -  Documentation built in 1.03 seconds
INFO    -  [11:21:21] Watching paths for changes: 'docs', 'mkdocs.yml'
INFO    -  [11:21:21] Serving on http://127.0.0.1:8000/mercator/
WARNING -  [11:21:56] "GET /mercator/fr/sitemap.xml HTTP/1.1" code 404
INFO    -  [11:21:56] Browser connected: http://127.0.0.1:8000/mercator/
WARNING -  [11:21:59] "GET /mercator/fr/cartographers/sitemap.xml HTTP/1.1" code 404
WARNING -  [11:21:59] "GET /mercator/cartographers/sitemap.xml HTTP/1.1" code 404
INFO    -  [11:21:59] Browser connected: http://127.0.0.1:8000/mercator/cartographers/
WARNING -  [11:22:02] "GET /mercator/model/sitemap.xml HTTP/1.1" code 404
WARNING -  [11:22:02] "GET /mercator/fr/model/sitemap.xml HTTP/1.1" code 404
INFO    -  [11:22:02] Browser connected: http://127.0.0.1:8000/mercator/model/
WARNING -  [11:22:05] "GET /mercator/fr/bpmn/sitemap.xml HTTP/1.1" code 404
WARNING -  [11:22:05] "GET /mercator/bpmn/sitemap.xml HTTP/1.1" code 404
INFO    -  [11:22:05] Browser connected: http://127.0.0.1:8000/mercator/bpmn/
WARNING -  [11:22:05] "GET /mercator/maps/images/icons/lightning-fill.svg HTTP/1.1" code 404
WARNING -  [11:22:05] "GET /mercator/maps/images/icons/grid-3x3-gap.svg HTTP/1.1" code 404
WARNING -  [11:22:05] "GET /mercator/maps/images/icons/magnet.svg HTTP/1.1" code 404
WARNING -  [11:22:05] "GET /mercator/maps/images/icons/plus-square-dotted.svg HTTP/1.1" code 404
WARNING -  [11:22:05] "GET /mercator/maps/images/icons/fonts.svg HTTP/1.1" code 404
WARNING -  [11:22:05] "GET /mercator/maps/images/icons/image.svg HTTP/1.1" code 404
WARNING -  [11:22:05] "GET /mercator/maps/images/icons/dash-square-dotted.svg HTTP/1.1" code 404
WARNING -  [11:22:05] "GET /mercator/maps/images/icons/bounding-box.svg HTTP/1.1" code 404
WARNING -  [11:22:05] "GET /mercator/maps/images/icons/zoom-in.svg HTTP/1.1" code 404
WARNING -  [11:22:05] "GET /mercator/maps/images/icons/crosshair.svg HTTP/1.1" code 404
WARNING -  [11:22:05] "GET /mercator/maps/images/icons/arrow-counterclockwise.svg HTTP/1.1" code 404
WARNING -  [11:22:05] "GET /mercator/maps/images/icons/zoom-out.svg HTTP/1.1" code 404
WARNING -  [11:22:05] "GET /mercator/maps/images/icons/download.svg HTTP/1.1" code 404
WARNING -  [11:22:05] "GET /mercator/maps/images/icons/arrow-clockwise.svg HTTP/1.1" code 404
WARNING -  [11:22:05] "GET /mercator/maps/images/icons/floppy-fill.svg HTTP/1.1" code 404
WARNING -  [11:22:05] "GET /mercator/maps/sitemap.xml HTTP/1.1" code 404
WARNING -  [11:22:05] "GET /mercator/fr/maps/sitemap.xml HTTP/1.1" code 404
INFO    -  [11:22:05] Browser connected: http://127.0.0.1:8000/mercator/maps/
INFO    -  [11:22:08] Detected file changes
INFO    -  Building documentation...
INFO    -  mkdocs_static_i18n: Building 'en' documentation to directory: /tmp/mkdocs_ce3wbv5z
INFO    -  mkdocs_static_i18n: Adding 'fr' to the 'material/search' plugin 'lang' option
WARNING -  Doc file 'maps.md' contains a link 'images/icons/lightning-fill.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/grid-3x3-gap.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/magnet.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/plus-square-dotted.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/dash-square-dotted.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/fonts.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/bounding-box.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/image.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/zoom-in.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/zoom-out.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/crosshair.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/arrow-counterclockwise.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/arrow-clockwise.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/floppy-fill.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.md' contains a link 'images/icons/download.svg', but the target is not found among documentation files.
INFO    -  mkdocs_static_i18n: Building 'fr' documentation to directory: /tmp/mkdocs_ce3wbv5z/fr
INFO    -  The following pages exist in the docs directory, but are not included in the "nav" configuration:
             - Temp_user_guide/Naming_conventions.fr.md
             - Temp_user_guide/ecosystem_view.fr.md
             - Temp_user_guide/entities.fr.md
             - Temp_user_guide/input_types.fr.md
             - Temp_user_guide/objects_usage_summary.fr.md
             - Temp_user_guide/relations.fr.md
INFO    -  mkdocs_static_i18n: Translated 23 navigation elements to 'fr'
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/lightning-fill.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/grid-3x3-gap.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/magnet.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/plus-square-dotted.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/dash-square-dotted.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/fonts.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/bounding-box.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/image.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/zoom-in.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/zoom-out.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/crosshair.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/arrow-counterclockwise.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/arrow-clockwise.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/floppy-fill.svg', but the target is not found among documentation files.
WARNING -  Doc file 'maps.fr.md' contains a link 'images/icons/download.svg', but the target is not found among documentation files.
INFO    -  [11:22:09] Reloading browsers
WARNING -  [11:22:09] "GET /mercator/maps/images/icons/lightning-fill.svg HTTP/1.1" code 404
WARNING -  [11:22:09] "GET /mercator/maps/images/icons/grid-3x3-gap.svg HTTP/1.1" code 404
WARNING -  [11:22:09] "GET /mercator/maps/images/icons/plus-square-dotted.svg HTTP/1.1" code 404
WARNING -  [11:22:09] "GET /mercator/maps/images/icons/magnet.svg HTTP/1.1" code 404
WARNING -  [11:22:09] "GET /mercator/maps/images/icons/bounding-box.svg HTTP/1.1" code 404
WARNING -  [11:22:09] "GET /mercator/maps/images/icons/fonts.svg HTTP/1.1" code 404
WARNING -  [11:22:09] "GET /mercator/maps/images/icons/dash-square-dotted.svg HTTP/1.1" code 404
WARNING -  [11:22:09] "GET /mercator/maps/images/icons/image.svg HTTP/1.1" code 404
WARNING -  [11:22:09] "GET /mercator/maps/images/icons/zoom-in.svg HTTP/1.1" code 404
WARNING -  [11:22:09] "GET /mercator/maps/images/icons/crosshair.svg HTTP/1.1" code 404
WARNING -  [11:22:09] "GET /mercator/maps/images/icons/arrow-counterclockwise.svg HTTP/1.1" code 404
WARNING -  [11:22:09] "GET /mercator/maps/images/icons/arrow-clockwise.svg HTTP/1.1" code 404
WARNING -  [11:22:09] "GET /mercator/maps/images/icons/zoom-out.svg HTTP/1.1" code 404
WARNING -  [11:22:09] "GET /mercator/maps/images/icons/floppy-fill.svg HTTP/1.1" code 404
WARNING -  [11:22:09] "GET /mercator/maps/images/icons/download.svg HTTP/1.1" code 404
WARNING -  [11:22:09] "GET /mercator/maps/sitemap.xml HTTP/1.1" code 404
WARNING -  [11:22:09] "GET /mercator/fr/maps/sitemap.xml HTTP/1.1" code 404
INFO    -  [11:22:09] Browser connected: http://127.0.0.1:8000/mercator/maps/
WARNING -  [11:22:10] "GET /mercator/fr/maps HTTP/1.1" code 302
WARNING -  [11:22:10] "GET /mercator/fr/maps/images/icons/lightning-fill.svg HTTP/1.1" code 404
WARNING -  [11:22:10] "GET /mercator/fr/maps/images/icons/grid-3x3-gap.svg HTTP/1.1" code 404
WARNING -  [11:22:10] "GET /mercator/fr/maps/images/icons/magnet.svg HTTP/1.1" code 404
WARNING -  [11:22:10] "GET /mercator/fr/maps/images/icons/bounding-box.svg HTTP/1.1" code 404
WARNING -  [11:22:10] "GET /mercator/fr/maps/images/icons/fonts.svg HTTP/1.1" code 404
WARNING -  [11:22:10] "GET /mercator/fr/maps/images/icons/image.svg HTTP/1.1" code 404
WARNING -  [11:22:10] "GET /mercator/fr/maps/images/icons/plus-square-dotted.svg HTTP/1.1" code 404
WARNING -  [11:22:10] "GET /mercator/fr/maps/images/icons/dash-square-dotted.svg HTTP/1.1" code 404
WARNING -  [11:22:10] "GET /mercator/fr/maps/images/icons/zoom-in.svg HTTP/1.1" code 404
WARNING -  [11:22:10] "GET /mercator/fr/maps/images/icons/zoom-out.svg HTTP/1.1" code 404
WARNING -  [11:22:10] "GET /mercator/fr/maps/images/icons/crosshair.svg HTTP/1.1" code 404
WARNING -  [11:22:10] "GET /mercator/fr/maps/images/icons/arrow-counterclockwise.svg HTTP/1.1" code 404
WARNING -  [11:22:10] "GET /mercator/fr/maps/images/icons/arrow-clockwise.svg HTTP/1.1" code 404
WARNING -  [11:22:10] "GET /mercator/fr/maps/images/icons/floppy-fill.svg HTTP/1.1" code 404
WARNING -  [11:22:10] "GET /mercator/fr/maps/images/icons/download.svg HTTP/1.1" code 404
WARNING -  [11:22:10] "GET /mercator/maps/sitemap.xml HTTP/1.1" code 404
WARNING -  [11:22:10] "GET /mercator/fr/maps/sitemap.xml HTTP/1.1" code 404
INFO    -  [11:22:10] Browser connected: http://127.0.0.1:8000/mercator/fr/maps/

[dbarzin]

Les icônes ont été ajoutées.
Merci,
Didier

[oliboub]

Merci; (je découvbe des commandes markdown, c'est cool eg: !! !Info)

[oliboub]

Bonjour Didier,

2 petits points d'amélioration si possible, ou à documenter:

• Quand on a un fond d'écran, on ne peut plus sélectionner en multiple ( drag de la souris) sauf si on sort de l'espace du fond.

• Si on change la forme des traits ( angles par exemple) le control Z ( retour arrière) ne fonctionne pas et meme il peut , il effacer tout l'écran.

[dbarzin]

Ces deux points sont corrigés.

[oliboub]

Merci.
J'ai refait mon build avec le dernier dev.
Meme constat

Je ne sais pas si les vidéos sont parlantes.

• Sur ligne ce qui efface ,c'est le control-Z
• Sur le select, j'essaye la selection après avoir sélectionné la zone jaune. Rien et ensuite en dehors OK

[dbarzin]

Deux secondes, j'étéias encore sur le problème suivant. L'éditeur a été reconstruit. C'est disponible.

[oliboub]

Merci, les 2 sont ok !

[oliboub]

Bonjour Didier,
Comme je suis un peut tétu ( c'est pas peut de le dire) :)

j'ai fais un peut de lecture sur le format svg.
On ne peut pas connaitre sa taille, car c'est du vectoriel, mais il y a une possibilité:
Il faudrait ajouter dans le svg exporté son viewbox.
Cette information défini le tour de l'image, donc ses pixels en x et en y. à partir de là on peut facilement définir la taille du fond d'écran.

A ce jour, l'information viewbox semble absente du svg. Pourrais--tu regarder si tu as moyen de l'ajouter stp?

`
Pourquoi le viewBox est si important

Le viewBox définit le système de coordonnées du dessin.

Par exemple :

viewBox="0 0 5340 2710"

signifie :

origine = (0,0)
largeur logique = 5340
hauteur logique = 2710

Toutes les coordonnées des objets sont exprimées dans ce référentiel.

À partir de là :

un navigateur sait mettre le SVG à n'importe quelle taille ;
Inkscape connaît immédiatement les dimensions ;
Illustrator également ;
et donc on peux ajouter une bordure de façon fiable.
`

pas urgent, mais intéressant.
Olivier

[dbarzin]

Le viewport a été ajouté

[oliboub]

Merci.

J'essaye de générer un bord calculé à partir du svg..

Il semble que le SVG exporte tout le canevas blanc (ex: 821x799) même s'il n'y a que 3 icônes au milieu, ce qui pose problème pour calibrer le fond d'écran.
Donc on récupère cette taille dans le viewBox.

Au moment de générer l'export SVG de la carte, est-ce qu'il te serait possible de modifier le script JS pour utiliser graph.getGraphBounds() afin de définir le viewBox et les attributs width/height afin d’attribuer les limites réelles du graphe?

'vu sur internet, je n'ai pas la connaissance
Merci de ton aide
Olivier