Jvectormapでカスタムボタンを追加する

Question

通常のJvectormapのの左上にのカスタムボタンを追加する方法はありますか？ （ドリルダウンマップの戻るボタンに似ています）

Answer 1

マップの子としてdiv要素を作成しますので、あなたはそれがマップコンテナに対する相対位置することができますあなたが望むように

$("#map").append('<div id="map-action">Action</div>').click(function() { 
    //do your action here 
}); 

スタイルそれは、ここで重要なのは、zを設定することです-orderので、マップ上にある：

CSS：

#map-action { 
    position: absolute; 
    left: 10px; 
    top: 10px; 
    border-radius: 3px; 
    z-index: 1000; 
    background: #292929; 
    color: #ffffff; 
    cursor: pointer; 
    text-align: center; 
    line-height: 10px; 
    padding: 6px; 
    box-sizing: content-box; 
}