Otra posibilidad podría ser introducirlo en el siguiente script, que va en un archivo aparte:
Código:
var wrld = {
map: 'continentes',
regionStyle: {
hover: {
"fill": 'red'
}
}
};
function findRegion(robj, rname) {
var code = '';
$.each(robj, function (key) {
if (unescape(encodeURIComponent(robj[key].config.name)) === unescape(encodeURIComponent(rname))) {
code = key;
};
});
return code;
};
$(document).ready(function () {
$('#map').vectorMap(wrld);
var mapObj = $('#map').vectorMap('get', 'mapObject');
$('#countries').on('mouseover mouseout', 'a:first-child', function (event) {
// event.preventDefault();
var elem = event.target,
evtype = event.type,
cntrycode = findRegion(mapObj.regions, $(elem).text());
if (evtype === 'mouseover') {
mapObj.regions[cntrycode].element.setHovered(true);
} else {
mapObj.regions[cntrycode].element.setHovered(false);
};
});
});
Alguna forma de evitar que se duplique el mapa.
Gracias.