Jvectormap에 사용자 정의 버튼 추가

Question

정상적인 Jvectormap의 왼쪽 상단 왼쪽 상단에 사용자 정의 버튼을 추가 할 수있는 방법이 있습니까? (드릴 다운 맵의 뒤로 버튼과 비슷 함).

Answer 1

지도의 자식으로 사업부를 만들고, 그래서 당신은지도 컨테이너를 기준으로 배치 할 수 있습니다 : 당신이 원하는 것처럼

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

스타일은 여기에서 중요한 것은 Z를 설정하는 것입니다 - 오더, 그래서지도 위에있는 :

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; 
}