Bonjour,
 
 
Je viens vers vous pour une question (ou plusieurs...) concernant la réalisation, ou plutôt le codage css, d'une petite carte interactive dessinée en SVG.
 
La plupart des tutos sur le net traitent de cartes assez simples, avec des zones unicolores, sans aucune informations/dessins.  
Par ex ce petit tuto : https://edutechwiki.unige.ch/fr/Carte_interactive_SVG
 
Ces zones sont donc des "éléments SVG" assez simples, sur lesquels on crée des évènements de type on.mouseover, on.click notamment...
 
Exemple visuel sur un élément :  
 

 
Ici au mouseover on fait changer la couleur du SVG, et on fait afficher un texte.
 
 
 
Mais que se passe-t-il dès qu'on veut un élément plus riche qu'un simple SVG contour de territoire ? Par exemple :
 
1. Si on veut ajouter des villes :  
 

(Ici, au mouseover, les opacité des textes-villes s'estompent)
 
 
2. Si on veut ajouter un logo/dessin :  
 

(au mouseover le logo passe de niveau de gris à couleurs + il est zoomé)
 
 
Pour donc au final avoir un rendu de ce type :  
 

 
 
 
Quelle est la méthode ?
Comment, à la base, "dessiner" ces éléments : doivent-ils êtes vectoriels, ou du coup on s'en fout ? Faut-il les traiter comme des images (jpg) qui servent de remplissage dans le SVG ?
 
Bref, quelle est la méthodologie ?