Увеличить в 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, библиотеку, построенную для гладкой анимации с помощью таргетинга элементов DOM в стандартном методе JQuery? В настоящее время я использую его, и я очень доволен результатами.

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

Answer 2

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

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