JVectorMap 1 이하 스케일 설정

Question

JVectorMap을 사용하고있는 전체 크기 맵이 필요한 웹 페이지를 생성 중입니다. 지도의 너비와 높이가 100 %입니다. 그러나 이렇게하면 완전히 축소 된 경우 페이지가 가장자리까지 오른쪽으로 확장되므로 바람직하지 않습니다. 이상적으로 완전히 축소 된 경우지도 주위에 테두리가 있지만지도를 확대하면 여전히 페이지 가장자리까지 확장됩니다. 본질적으로, 나는 허용 된 것보다 더 축소 된지도로 시작하고 싶다.

이 경우 HTML 테두리 및 패딩을 사용할 수 없습니다. 페이지로드시 원하는 효과를 만들지 만지도가 확대 될 때 테두리가 그대로 유지됩니다. 유일한 아이디어는 ' 규모 : 1 이하 규모의 '무시하는 것 같다'제로 이하의 값으로 다음 코드의 끝 부분에 변수에 대한 값으로

<script> 
    $(function(){ 
     $('#map').vectorMap({ 
      map: 'world_mill', 
      focusOn: { 
       x: 0.5, 
       y: 0.5, 
       scale: 0.8 
      } 
     }); 
    }); 
</script> 

이는 아무런 영향을 미치지 않는다 '. 문제를 설명하기 위해 아래 스크린 샷을 포함 시켰습니다.

현재 페이지

이상적인 페이지 (지도 어떤 도움이 많이 주시면 감사하겠습니다

국경을 가지고 (지도 가장자리로 확장)!

Answer 1

내가 답을 게시거야 내 자신의 질문, 사람이 미래에 이것에 비틀 거리는 경우. setScale은 zoomMin과 zoomMax 매개 변수 사이의 값으로 만 줌을 설정할 수 있으므로 012를 낮추십시오.~ 0.9 setScale을 사용하여 확대/축소를 0.9로 줄일 수있었습니다.

그러므로 내가 함께 결국 최종 코드이었다 :

$(function(){ 
    $('#map').vectorMap({ 
     map: 'world_mill', 
     zoomMin: 0.9, 
     focusOn: { 
      x: 0.5, 
      y: 0.5, 
      scale: 0.9 
     }, 
    }); 
});