Javascript 放大viewbox svg-Mapael

所以我有一个简单的地图，分为不同的州，每次我点击一个州，我希望它放大到那个地区，所以它充满了屏幕

我使用的是启用缩放的Mapael，但当我指定一个区域时，请参见下面的代码，它确实会放大，但当我尝试四处平移或放大时，它会缩小。我能做些什么使它更平滑？就像是“自然”放大一样？谢谢大家!

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

---

我建议您看看jQueryTransit，这是一个通过在标准jquery方法中以DOM元素为目标，为平滑动画而构建的库？我目前正在使用它，我对结果非常满意

---

您可以在

中找到它。缩放有一个触发功能：

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