我需要一些帮助,我在这段代码中使用mapSVG来创建我的国家的地图,其中每个地区都有自己的路径,有自己的id,所以这就是我想要的:
当我点击一个区域时,我需要它与整个国家的地图一起淡出(1000 ms),然后我需要延迟例如500ms,之后只有我点击的区域淡入(1000小姐)。
我需要这个分别为每个地区工作。
<div id="italy" style="margin-left:135px;margin-right:135px;">
<!-- Here comes map code-->
<script type="text/javascript">
$('#italy').mapSvg({
source: 'maps/italy.svg',
colors: {
base: "#E1F1F1",
stroke: "#646464",
hover: "#548eac",
selected: "#548eac",
disabled: "#ffffff",
},
tooltipsMode: 'custom',
popover : {width: 300, height: 300},
cursor: 'pointer',
zoom: false,
pan: false,
responsive: true,
width: 900,
height: 600,
responsive: true,
zoomButtons: {'show': false,
},
regions : {
'Sicilia' : {tooltip: 'This is Sicilia'},
},
onClick : function(e,m){
this.animate({opacity: 0}, 1000 );
}
});
</script>
</div>