Jquery Mousewheel issue

Question

我使用svg地图，我希望能够放大/缩小和平移。使用mousewheel插件，但得到一个错误:

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/