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