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

绑定到jVectorMap进行缩放和拖动

2 个答案: