2. Peinture & Personnalisation

Maintenant que votre carte est chargée, il est temps de lui donner vie ! Cette section couvre les fonctionnalités principales de peinture et de personnalisation qui rendent PaintMyMap si puissant—et correspond exactement à ce que vous voyez dans l'éditeur.

Comment fonctionne la peinture

La peinture dans PaintMyMap fonctionne en assignant des éléments de la carte (pays, régions, etc.) à des groupes de légende. Chaque groupe a sa propre couleur, son motif optionnel et son étiquette.

Peindre, effacer et changer la taille du pinceau

Peinture de base

1. Sélectionnez un groupe de légende : Cliquez sur un groupe dans la légende (sa couleur devient la couleur de peinture active).
2. Choisissez votre pinceau : Choisissez un pinceau simple ou une taille de cercle (S/M/L/XL).
3. Peignez : Cliquez ou faites glisser sur les éléments de la carte pour les assigner au groupe sélectionné.
4. Gomme : Passez à la gomme pour retirer la peinture des éléments.

Raccourcis : B (Pinceau), E (Gomme), ⌘/Ctrl+Z (Annuler), ⇧+⌘/Ctrl+Z (Rétablir).

Gestion de la légende

La légende est le cœur de l'organisation visuelle de votre carte. Chaque couleur sur la carte que vous souhaitez utiliser doit être assignée à un groupe (élément de légende).

Sélectionner des éléments de légende, réorganiser, masquer/afficher, ajouter un titre de légende, redimensionner et déplacer la légende

Création de groupes de légende

• Ajouter des groupes : Cliquez sur + Ajouter un élément pour créer un nouveau groupe.
• Couleurs et motifs des groupes : Cliquez sur l'échantillon de couleur pour ouvrir le menu des couleurs/motifs.
• Étiquettes des groupes : Tapez directement dans le champ d'étiquette de chaque groupe.
• Afficher/Masquer dans la légende : Basculer la visibilité de n'importe quel groupe.
• Réorganiser : Faites glisser en utilisant la poignée ou utilisez les boutons haut/bas.
• Supprimer : Retirez un groupe (cela ne supprimera pas les zones peintes ; elles reviendront à non peintes).
• Titre de la légende : Activez "Afficher le titre de la légende" dans les options, puis modifiez le texte du titre.

Positionnement de la légende

• Déplacer : Faites glisser la légende n'importe où sur la carte (plus facile en mode Aperçu).
• Redimensionner : Utilisez la poignée d'angle pour ajuster la taille du bloc de légende.
• Fond : Définissez la couleur de fond de la légende et la transparence dans les options.

Cartes choroplèthes - Générer un dégradé de couleurs

Avec le générateur de choroplèthes, vous pouvez créer un dégradé de couleurs parfait en un seul clic ! Choisissez une couleur de départ et de fin, le nombre d'étapes, et c'est fait !

Générer un dégradé de couleurs avec le générateur de choroplèthes

Outil Pinceau

Pour sélectionner le pinceau, cliquez sur l'outil pinceau. Pour changer la taille, utilisez le menu déroulant à côté. Pour changer la couleur, créez ou sélectionnez un nouveau groupe dans la légende.

Types de pinceaux

• Simple : Peignez un élément par clic (contrôle précis).
• Cercle : Peignez tous les éléments sous le rayon du pinceau.
  • Tailles S/M/L/XL pour des remplissages plus rapides.

Contrôles du pinceau

• Groupe actif : Le groupe de légende actuellement sélectionné.
• Taille du pinceau : Choisissez S/M/L/XL ; un cercle de prévisualisation montre le rayon exact.
• Aperçu de la couleur : Affiche la couleur/motif du groupe actif.
• Gomme : Retire la peinture des éléments (E).

Astuce : Utilisez Annuler/Rétablir librement tout en expérimentant avec les tailles.

Couleurs du pinceau

Vous pouvez peindre avec une couleur unique ou sélectionner un motif composé de deux ou trois couleurs.

Sélectionner une couleur unie pour le pinceau ou un motif à deux ou trois couleurs

Outil Formes

Utilisez l'outil Formes pour annoter, mettre en évidence ou ajouter une signification supplémentaire sur vos régions peintes.

Dessiner des formes, changer la couleur, ajouter du texte, faire pivoter et modifier

Types de formes disponibles

Forme	Utilisation
Ligne	Simple indicateur / soulignement ; cliquez-glissez pour dessiner.
Flèche	Indication directionnelle (pointe de flèche automatique).
Rectangle	Mise en évidence standard.
Rectangle arrondi	Mise en évidence plus douce / conteneur d'étiquette (coins arrondis).
Cercle	Anneau d'emphase ou marqueur.
Commentaire	Annotation de style bulle de dialogue arrondie (corps ovale + queue).
Boîte de commentaire	Bulle de dialogue rectangulaire (variante angulaire) avec queue mobile.
Encadré	Boîte + queue de flèche (la queue de flèche est un triangle/flèche pointant vers la cible).

Dessiner des formes

1. Sélectionnez l'outil Formes (raccourci : S).
2. Choisissez un type de forme dans la mini palette.
3. Cliquez et glissez sur la carte pour dessiner.
4. Maintenez Shift tout en glissant pour contraindre : cercle parfait, carré ou incréments de 45° pour les lignes/flèches.
5. Maintenez Option/Alt pour dessiner à partir du clic initial (du centre vers l'extérieur pour les cercles/rectangles).

Style et options des formes

• Largeur et couleur du contour : Ajustez l'épaisseur et la couleur du contour.
• Échelle avec zoom : Activez/désactivez l'échelle du contour/texte lors du zoom (activez pour un dimensionnement relatif, désactivez pour un poids visuel constant).
• Remplissage : Activez le remplissage ; choisissez une couleur unie ou un motif ; ajustez la transparence via le curseur.
• Motifs : Même bibliothèque de motifs que les groupes de légende (lignes, points, rayures, motifs tri‑couleurs).
• Texte : Activez le texte superposé ; définissez la famille de polices, la taille, la couleur et l'ombre optionnelle + couleur de l'ombre.
• Ombre portée : (Par forme) Activez une ombre, ajustez le flou, l'opacité, les décalages et la couleur pour la profondeur/contraste.

Modifier les formes

• Utilisez l'outil Sélectionner (V) pour choisir une forme.
• Faites glisser pour déplacer ; des poignées apparaissent pour redimensionner (coins) et faire pivoter (contrôle de rotation / touche R lorsqu'elle est sélectionnée).
• Double-cliquez sur le texte de la forme pour le modifier.
• Appuyez sur Supprimer / Retour arrière (ou l'icône Supprimer) pour retirer.
• Queue de commentaire / boîte de commentaire / encadré : Faites glisser la poignée circulaire de la queue pour repositionner le pointeur indépendamment du corps de la bulle/boîte.

Outil SVG (Importer / Placer)

L'outil SVG ouvre la boîte de dialogue Bibliothèque SVG pour importer des graphiques vectoriels réutilisables.

Charger et placer des SVG, changer la couleur, la taille, faire pivoter et modifier

Flux de travail

1. Cliquez sur SVG (Importer / Placer) pour ouvrir la boîte de dialogue.
2. Collez le code SVG brut ou choisissez un ou plusieurs fichiers .svg. Vous pouvez également explorer certains des SVG intégrés sous le menu déroulant Thème.
3. Appuyez sur Ajouter à la liste pour mettre en cache une version analysée sous "Vos SVG" (persisté dans le stockage local jusqu'à ce qu'il soit effacé).
4. Sélectionnez une entrée et appuyez sur Placer, puis cliquez-glissez sur la carte pour positionner et redimensionner en un seul geste.
5. Utilisez Sélectionner (V) par la suite pour affiner : déplacer, faire pivoter, redimensionner, supprimer.

Comportement et remarques

• Bascules de la boîte de dialogue : cliquer à nouveau sur l'outil SVG pendant qu'il est ouvert le ferme et revient à Sélectionner.
• Assainissement : les scripts, gestionnaires d'événements et nœuds foreignObject sont supprimés pour des raisons de sécurité.
• Ratio d'aspect préservé automatiquement lors du placement.
• Persistance de la bibliothèque : Tout effacer avec le bouton "Tout effacer" ; les éléments individuels peuvent être supprimés.
• Performance : Les SVG extrêmement complexes (milliers de chemins) peuvent affecter l'interactivité et le temps d'exportation.

Cas d'utilisation

Logos, insignes, pictogrammes (population, icônes climatiques), marqueurs d'insertion, roses des vents, cadres décoratifs.

Outil Sélectionner

L'outil Sélectionner (V) vous permet de manipuler les formes dessinées et les SVG placés.

Sélection et multi-sélection

• Cliquez sur une forme/SVG pour sélectionner ; faites glisser pour déplacer.

Poignées de transformation

• Poignées d'angle : redimensionner (maintenez Shift pour contraindre carré/cercle lorsque pertinent).
• Poignée de rotation ou appuyez sur R lorsqu'elle est sélectionnée pour faire pivoter.
• Poignée de queue de commentaire/boîte de commentaire : repositionnez l'ancre de la queue de la bulle de dialogue.

Modification du texte

• Double-cliquez sur le texte de la forme (Commentaire/Boîte de commentaire/toute forme avec texte activé) pour modifier en ligne.
• Utilisez les contrôles de style (police, taille, couleur, ombre) pour des ajustements.

Suppression

• Retour arrière / Supprimer ou icône Supprimer dans l'interface utilisateur retire les formes sélectionnées.

Personnalisation avancée

Améliorez vos cartes avec ces fonctionnalités. Ouvrez Options pour accéder :

Paramètres de la légende

• Légende : Afficher/Masquer la légende sur la carte.
• Fond de la légende : définir la couleur de fond de la légende et le paramètre de transparence.
• Définir le titre de la légende : définir le titre de la légende ou le masquer complètement.

Carte

• Zones peintes uniquement : Masquer les zones non peintes pour des exportations propres.
• Afficher les lignes de graticule.
• Afficher les lignes géographiques.
• Afficher les lignes de fuseaux horaires avec ou sans étiquettes.

Étiquettes et titre

• Titre de la carte : Activer/désactiver le titre, modifier le texte, déplacer pour positionner et redimensionner via la poignée d'angle.
• Étiquettes des pays : Afficher les étiquettes des pays, choisir les abréviations, changer la police, la couleur et l'ombre optionnelle. Sélectionnez pour afficher uniquement sur les pays peints ou remplacer le nom du pays par la valeur du groupe de légende.

Améliorations visuelles

• Couleur de fond de la carte : Définir la couleur de fond de la toile.

• Couleur des frontières : Définir la couleur des frontières des pays.

• Thème de la carte : Besoin d'inspiration ? Choisissez un thème de carte parmi les palettes de couleurs intégrées.

• Lignes de graticule : Afficher la grille de latitude/longitude.

• Lignes géographiques : Afficher l'équateur, les tropiques, les cercles polaires, le méridien de Greenwich.

• Fuseaux horaires : Polygones et étiquettes de fuseaux horaires optionnels (pour les cartes prises en charge).

Stratégies de couleurs

• Catégorique : Utilisez des couleurs distinctes pour différentes catégories.
• Séquentiel : Utilisez des dégradés de couleurs pour les plages de données.
• Divergent : Utilisez des schémas de couleurs qui mettent en évidence les extrêmes.

Peinture avec motifs

Ajoutez une texture subtile avec des motifs SVG intégrés :

• Lignes/Rayures : Horizontales, verticales, diagonales ; variantes tri‑lignes.
• Points/Hachures croisées : Grille de points et styles de hachures croisées.
• Tri‑rayures : Combinez les couleurs primaire/secondaire/tertiaire.

Comment : Cliquez sur l'échantillon de couleur d'un groupe, activez Motif, et choisissez un type. Personnalisez les couleurs primaire, secondaire et (lorsque disponible) tertiaire. Le téléchargement d'images de motifs personnalisés n'est pas pris en charge pour le moment.

Annuler & Rétablir

Ne perdez jamais votre travail grâce à des contrôles d'historique complets :

Contrôles d'historique

• Annuler/Rétablir : Parcourez les modifications (⌘/Ctrl+Z, ⇧+⌘/Ctrl+Z).
• Tout effacer : Supprimez toute la peinture (avec confirmation).

Copier & Coller

Accélérez votre travail avec la fonction Copier/Coller qui fonctionne avec les SVG et les formes (⌘/Ctrl+C, ⌘/Ctrl+V).

Sauvegarde automatique

Votre travail est sauvegardé dans le stockage local de votre navigateur et vous serez invité à le restaurer lorsque vous reviendrez.

Fonctionnalités interactives

Zoom & Déplacement

• Molette de souris : Zoom avant/arrière à la position du curseur.
• Boutons de zoom : Contrôle précis du zoom (+/−).
• Déplacement : Faites glisser pour déplacer la vue de la carte.

Rotation & Orientation

• Rotation du globe : Faites tourner le globe (faites glisser le contrôle de rotation).
• Rotation 2D : Faites pivoter une carte plate (faites glisser le contrôle de rotation).
• Retourner : Effets de miroir horizontal et vertical.

Formes & Annotations

Utilisez l'outil Formes pour ajouter des annotations visuelles :

• Types : Ligne, Flèche, Rectangle, Rectangle arrondi, Cercle, Commentaire, Boîte de commentaire, Encadré.
• Style : Définir la largeur/couleur du contour et la couleur/transparence du remplissage.
• Texte : Ajouter du texte aux formes (police, taille, couleur, ombre optionnelle).
• Échelle avec zoom : Choisissez si les formes s'adaptent au zoom.

Sauvegarder & Charger des projets

Exporter l'état (Sauvegarder le projet)

• Sauvegarder la progression : Exportez votre projet entier en tant que fichier JSON.
• Inclut : Toute la peinture, les couleurs, les paramètres et les personnalisations.
• Format de fichier : Fichier .json qui peut être rouvert à tout moment.
• Utilisation : Sauvegardez votre travail ou continuez plus tard.

Importer l'état (Charger le projet)

• Restaurer le travail : Importez un fichier JSON précédemment sauvegardé.
• Préserve : Toute votre peinture et vos paramètres de personnalisation.
• Multi-appareils : Fonctionne sur différents navigateurs et appareils.

Sauvegarde automatique

• Automatique : Votre travail est sauvegardé dans le stockage local du navigateur.
• Récupération : Restaure automatiquement votre dernière session.
• Aucune action requise : Se fait en arrière-plan.

Mode Aperçu

Avant d'exporter, utilisez le mode Aperçu pour voir votre carte finale :

• Masque tous les contrôles d'édition et l'interface utilisateur.
• Affiche uniquement la carte, la légende et les éléments personnalisés.
• Permet de déplacer la légende et le titre pour un positionnement précis.
• Parfait pour les vérifications de composition finale.

Étapes suivantes

Une fois que votre carte est parfaite, il est temps de l'exporter ! Passez à la section finale pour apprendre à sauvegarder et partager vos créations.