绑定到jVectorMap上的缩放和拖动

Question

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

我想做这样的事情。

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

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

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

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

但它看起来像是“快速解决方案”..

Answer 1

如果您使用的是1.1.1版本，则需要在接口事件和applyTransform方法中添加onViewportChange事件。

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

Answer 2

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

用于缩放

$('#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')
    }
})