- Soit tu définies une carte avec des frontières dès le départ. avec les pays "Scindés" et "non-scindés" (qu'il faudra masqué via "visibility")
où il faut un path par pays (avec un id)
→ Pour lui faire changer de couleur
<path id="RU"
data-code="RU"
class="jvectormap-region jvectormap-element"
d="coordonnée du path"/>
- soit tu ajoutes dans le path un attribut "fill"
<path id="RU"
data-code="RU"
class="jvectormap-region jvectormap-element"
d="coordonnée du path"
fill="red"/>
- soit tu fais le changement de couleur depuis le css
#RU, #LT, #ET, #CZ, ... {
fill:red;
}
- soit tu ajoutes dans le path un attribut "fill"
- Soit tu crées 4 groupes de path (plus besoin d'Id)
→ Pour lui faire changer de couleur
<g id="American">
<path data-code="US"
class="jvectormap-region jvectormap-element"
d="coordonnée du path"/>
<path data-code="..." />
</g>
<g id="Россия">
<path data-code="RU"
class="jvectormap-region jvectormap-element"
d="coordonnée du path"/>
<path data-code="..." />
</g>
<g id="...">
...
</g>
- soit tu ajoutes dans le groupe un attribut "fill"
<g id="American" fill="blue">
...
</g>
<g id="Россия" fill="red">
...
</g>...
- soit tu fais le changement de couleur depuis le css
#Россия{fill:red;}
#American{fill:blue;}
- soit tu ajoutes dans le groupe un attribut "fill"
- Je t'avoues que j'ai pas envie de commencer l'édition d'une map, alors que la façon dont elle devra évoluée n'est pas encore défini (pas envie de refaire 20x une carte qui ne me servira pas)
voilà un ancien test :
http://codepen.io/CyrilLevallois/pen/Jjakc?editors=110
tu as le nom des pays en "id" essaye d'ajouter dans la partie "css"
genre : "#Belgique, #Irlande{fill:red;}"
et "#Pays-Bas{fill:rgba(0,255,0,0.5};}"
"Somewhere, something incredible is waiting to be known..."
Carl Sagan.
Carl Sagan.