4

jVectorMap には、マップのズームとマップのマウスのドラッグをバインドする組み込みメソッドがありますか? ドキュメントでそれらを見つけられませんでした。

私はこのようなことをしたいです。

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

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

確かに、jvectormap が初期化された要素にバインドできます。

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

しかし、それは「高速ソリューション」のように見えます..

4

2 に答える 2

3

バージョン 1.1.1 を使用する場合は、API イベントと applyTransform メソッドに onViewportChange イベントを追加する必要があります。

http://pastebin.com/s5GwcEMyをチェックしてください

于 2013-03-12T12:40:58.110 に答える
3

さて、私は組み込みのソリューションなしでそれを解決しました

ズーミング用

$('#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-12T11:56:50.400 に答える