Se la necessità del momento è di interagire con una mappa vettoriale, gestendone i vari click / mouseenter, questo plugin è una vera manna.

Stiamo parlando di JQVMap, un plugin che renderizza nel DOM le mappe vettoriali richieste attraverso poche righe di codice jQuery.

Per il suo funzionamento utilizza alcuni file SVG ( Scalable Vector Graphics ) e ne garantisce la compatibilità totale con IE9, Firefox, Chrome, Opera e Safari.

Ecco un esempio di codice per produrre una mappa del territorio europeo:

<script src="js/jquery.vmap.js"></script>
<script src="js/jquery.vmap.europe.js"></script>

<script>
jQuery('#vmap').vectorMap({
    map: 'europe_en',
    backgroundColor: null,
    color: '#ffffff',
    hoverColor: '#999999',
    enableZoom: false,
    showTooltip: false
});
</script>

<div id="vmap" style="width: 600px; height: 400px;"></div>

Risultato finale:

Eccovi il link alla homepage del plugin: http://jqvmap.com/