JQuery Mousewheel issue

Question

Я использую карту svg, где я хочу, чтобы иметь возможность увеличения и уменьшения масштаба. Использование mousewheel plugin, но получаю сообщение об ошибке:

Error: Invalid value for <svg> attribute viewBox="NaN NaN NaN NaN" 

Так зум не работает должным образом, пожалуйста, посмотрите на моем примере:

http://jsfiddle.net/41sz0068/14/

Я использую Mapael:

$(".container").mapael({ 
    map : { 
     name : "my_map" 
     , zoom : { 
      enabled : true, 
      maxLevel : 10 
     } 
    } 
}); 

Answer 1

Как указано в комментариях, это происходит из-за того, что некоторое значение не инициализируется соответствующим образом, и вы получаете сообщение об ошибке при использовании колесика мыши. Этого не происходит, если вы ранее использовали функции увеличения/уменьшения масштаба.

Один возможный метод обхода: активировать функцию уменьшения масштаба при загрузке страницы. По мере того как изображение будет начать всегда без увеличения, уменьшения изображения не будет влиять на SVG и он будет инициализировать зависимости от того, переменные не были инициализированы в начале:

$(function() { 
    $("div.zoomOut").click(); 
}); 

Вы можете увидеть его на JSFiddle: http://jsfiddle.net/41sz0068/15/