Увеличить в viewbox svg - Мапаэль

Question

Таким образом, у меня есть простая карта, разделенная на разные состояния, и каждый раз, когда я щелкаю по одному состоянию, я хочу, чтобы она увеличивала эту область, чтобы она занимала весь экран.

Я использую Mapael с включенным зумом, но когда я указываю регион, см. Код ниже, он увеличивает масштаб, но затем он масштабируется назад, когда я пытаюсь перемещаться или приближаться. Что я могу сделать, чтобы сделать его более гладким? Как если бы это был "естественный" зум? Спасибо!

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

Answer 1

Могу ли я предложить вам взглянуть на jquery Transit, библиотеку, созданную для плавной анимации, предназначенную для элементов DOM стандартным методом jquery? Я в настоящее время использую его, я очень доволен результатами.

Вы можете найти его на http://ricostacruz.com/jquery.transit/

Answer 2

Есть функция триггера для увеличения:

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