javascript - 绑定到 jVectorMap 的缩放和拖动

Question

jVectorMap 是否具有绑定地图缩放和地图鼠标拖动的内置方法？我没有在文档中找到它们。

我想做这样的事情。

var map = $('#world-map').vectorMap();

map.on('zoom', function(){
    ..
})

当然我可以绑定到初始化 jvectormap 的元素，比如

$('#world-map').on('mousewheel', functon(){
    ..
})

但它看起来像'快速解决方案'..

Answer 1

好的，我在没有内置解决方案的情况下解决了这个问题

用于缩放

$('#world-map svg').on('mousewheel', functon(){
    console.log('cool, you are zooming')
})

用于拖动

var isPressed = false;
$('#world-map svg').mousedown(function(){
    isPressed = true;
}).mouseup(function(){
    isPressed = false;
}).mousemove(function(){
    if(isPressed){
        console.log('fine, you are dragging')
    }
})

Answer 2

如果使用 1.1.1 版本，则需要在 api 事件和 applyTransform 方法中添加 onViewportChange 事件。

请检查http://pastebin.com/s5GwcEMy