Jquery鼠标轮问题

Question

我正在使用svg地图，在那里，我希望能够放大/缩小和平移周围。使用鼠轮插件，但得到一个错误：

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

所以变焦不能正常工作，请看我的例子：

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

我用的是马斐尔

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

Answer 1

正如注释中所指定的，这是因为没有相应地初始化某些值，并且在使用鼠标轮时会得到一个错误。如果您以前使用过缩放/缩小功能，则不会发生这种情况。

一种可能的解决办法是:在页面加载时触发缩放功能。由于图像将始终在没有缩放的情况下启动，缩放不会影响svg，并且它将初始化开始时未初始化的变量：

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

你可以在你的JSFiddle：http://jsfiddle.net/41sz0068/15/上看到