Jquery 鼠标滚轮问题

Question

我正在使用 svg 地图，我希望能够在其中缩放 in/out 和平移。使用 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

如评论中所述，发生这种情况是因为某些值未相应初始化，并且在使用鼠标滚轮时出现错误。如果您之前使用过缩放 In/zoom Out 功能，则不会发生这种情况。

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

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

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

Jquery 鼠标滚轮问题

Jquery Mousewheel issue

jquery

svg

raphael

mapael