jvectormap hide()로지도를 만들면 내 창 너비를 변경 한 다음 show()를 실행하면 화면이 작아집니다.

Question

두 개의지도를 만들었습니다. 하나는 보이고 하나는 숨겨져 있습니다. 다른지도를 선택할 수있는 옵션이 있는데 현재지도를 숨기고 다른지도를 보여줍니다. http://imgur.com/jzrli79

내가 사이를 전환, 창 크기를 변경하지 않으면 : 그것은 내 창 크기를 심지어 픽셀을 변경하면 어떻게 보이는지 다음 http://imgur.com/4MJnrZH

은 다음과 같습니다

는 페이지로드입니다 둘은 괜찮아. 창 크기를 변경할 때 현재보기에있는 창 크기가 창의 크기에 맞게 조정됩니다 (너비/높이를 부모의 백분율로 둡니다). 예상대로됩니다.

미리 감사드립니다.

편집 : 창 크기가 작을 때 창의 크기를 조정하면 창 크기가 다시 맞춰집니다.

Answer 1

jvectormap이 % sizing과 어떻게 작동하는지 모르겠지만 다른 방법으로이 작업을 수행하기로 결정했습니다.

jquery를 숨기거나 표시하는 대신 z- 인덱스를 변경하여 관심있는지도를 위쪽 (높은 z- 인덱스)으로 이동하여 본질적으로 jquery 숨기기/표시 동작을 에뮬레이션했습니다. 이 작업을 수행하면서 절대 위치로 변경하고 컨테이너에 배치하여 서로 겹쳐 쌓을 수있게해야했습니다.

희망이 있으면 도움이됩니다.

Answer 2

"wordl-map.js"의 일부 코드가 변경되어 동일한 문제가 해결되었습니다. line 91 : this.container가 생성 된 경우 '100 %'값 대신 너비를 설정해야합니다. 나는 this.params.container.width()와 this.params.container.height() 대신 '100 %'값을 씁니다. 컨테이너의 너비를지도에 설정하려고하기 때문에.