1

助けが必要です。このコードでmapSVGを使用して、自分の国の地図を作成しています。このコードでは、すべての地域に独自のパスがあり、独自のIDが付いているので、これが必要です。

地域をクリックすると、国の地図全体と一緒にフェードアウト（1000ミリ秒）する必要があります。次に、たとえば500ミリ秒の遅延が必要です。その後、クリックした地域のみがフェードイン（1000ミリ秒）します。 MS）。

そして、私はこれがすべての地域でそれぞれ機能する必要があります。

<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 に答える