Question

所以我有一个简单的地图分为不同的状态，每次我点击一个状态，我希望它放大到该区域，所以它填满了屏幕。

我正在使用启用了缩放的Mapael，但是当我指定一个区域时，请看下面的代码，它会放大但是当我尝试平移或缩放时它会缩放。我该怎么做才能让它更顺畅？就像它是一个“自然”放大？谢谢！

$(document).ready(function() {
    $('path').click(function() {
        $('svg').each(function() {
            $(this)[0].setAttribute('viewBox', '256 68 600 300');
        });
    });
});

Answer 1

我建议您看一下jquery Transit，这是一个通过在标准jquery方法中定位DOM元素来构建流畅动画的库吗？我目前正在使用它，对结果非常满意。

您可以在http://ricostacruz.com/jquery.transit/

找到它

Answer 2

缩放有一个触发功能：

$(".mapcontainer").trigger('zoom', {level : 10, x : 100, y : 200});

放大viewbox svg - Mapael

2 个答案: