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/

Jquery鼠标滚轮问题

1 个答案: