Disculpa PHPeros, estaba editando el mensaje porque no es correcto. No funciona.
Se trata de elementos de lista conectados con secciones de imagen. Si lo unes todo así, cuando pasas por encima de cualquier elemento de lista cambian todas las imágenes igualmente.
Se me pasó colocar el inicio del script:
Código:
$('#map').vectorMap({
map: 'world_en'
});
$('#map').bind('regionOver.jvectormap', function (event, code) {
$('#' + code).addClass('over');
})
$('#map').bind('regionOut.jvectormap', function (event, code) {
$('#' + code).removeClass('over');
});
Es decir, las etiquetas #ZAN, #ZCA, #ZSA corresponden a ids de elementos de lista que coinciden a su vez con las de regiones del mapa SVG.
Si no hubiera un listado sí funciona, pero en el momento en que hay lista concordante, no.
Lo que hace este script es concordar nombres con regiones del mapa y viceversa. Tú pasas por encima de un nombre y cambia de color al tiempo que cambia de color la región que el corrresponde en el mapa y viceversa.
De eso se trata. Pero imagina la cantidad de regiones y nombres (más de 200).