다음지도를 총 세개 불러왔습니다.

탭메뉴로 구성하였더니 첫번째 탭은 잘 나오지만 두번째 세번째는 지도 이미지가 아주 조금만 나오고 나머지는 로딩이 안됩니다.

어떻게 해야 할까요?

현재

<script type="text/javascript">
        $(document).ready(function() {
            $("#tabs-1").show();
            $("#tabs-2").show();
            $("#tabs-3").show();
        $("#tab11").click(function() {
            $("#tabs-1").show();
            $("#tabs-2,#tabs-3,#tabs-4").hide();
             $("#tab11").addClass("port_back");
             $("#tab22,#tab33,#tab4").removeClass("port_back");
         });
         $("#tab22").click(function() {
            $("#tabs-2").show();
            $("#tabs-2").css("diplay","block !important");
            $("#tabs-1,#tabs-3,#tabs-4").hide();
             $("#tab22").addClass("port_back");
             $("#tab11,#tab33,#tab4").removeClass("port_back");
         });
         $("#tab33").click(function() {
            $("#tabs-3").show();
            $("#tabs-1,#tabs-2,#tabs-4").hide();
             $("#tab33").addClass("port_back");
             $("#tab11,#tab22,#tab4").removeClass("port_back");
         });
          $("#tab44").click(function() {
            $("#tabs-4").show();
            $("#tabs-1,#tabs-2,#tabs-3").hide();
             $("#tab4").addClass("port_back");
             $("#tab11,#tab22,#tab3").removeClass("port_back");
         });
          
        });
        </script>

이런식으로 구성해놓은 상태입니다