1

我需要一些帮助,我在这段代码中使用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>
4

1 回答 1

0

我是 mapSVG 的开发人员 :) 试试这个:

onClick: function (e, m) {
    var rmap = m.getData().RMap;
    var region = this;
    var fadeBack = function () {region.animate({opacity: 1}, 500);};
    rmap.animate({opacity: 0}, 500, fadeBack);
}
于 2013-03-12T12:38:23.320 回答