綁定到jVectorMap上的縮放和拖動jVectorMap是否具有內置的方法來綁定地圖縮放和地圖鼠標拖動？jVectorMap

我沒有在文檔中找到它們。綁定到jVectorMap上的縮放和拖動jVectorMap是否具有內置的方法來綁定地圖縮放和地圖鼠標拖動？jVectorMap

我想做這樣的事情。

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

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

相信我能綁定到jvectormap被初始化元，喜歡

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

但它會看起來像「快速解決方案」 ..

來源

2013-03-11 Denis

你的「快速解決方案」也許正是jvectormap會在內部做無妨。 – Mahn 2013-03-11 13:05:05

是的..但它是如此容易與縮放，確定拖動應該有點難，我想也許它已經存在和優化= \ – Denis 2013-03-11 13:18:37

，如果你使用的版本1.1.1，您需要添加的API事件onViewportChange事件，並在applyTransform方法。

請檢查http://pastebin.com/s5GwcEMy

來源

2013-03-12 12:40:58

順便說一句，新版本1.2.2也有onViewportChange事件 – Denis 2013-03-12 19:33:37

好吧，我解決了無內置在溶液

對於變焦

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

來源

2013-03-12 11:56:50 Denis

綁定到jVectorMap上的縮放和拖動jVectorMap是否具有內置的方法來綁定地圖縮放和地圖鼠標拖動？jVectorMap

回答

相關問題