放大viewbox svg - Mapael

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});