map api 가져오기

function store_list() {
	$.ajax({
		url: "./ajax.store.php",
		type: "POST",
		data: {
			"store_name": $("#store_name").val()
		},
		dataType: "html",
		async: false,
		cache: false,
		success: function(data, textStatus) {
			var res = data.split("^^");
			$("#tot_cnt").html(" "+res[2]);
			$(".mapStrlst").html(res[3]);
			address_go(res[0], res[1]);

            $(".mapBtn").click(function(){
                $(".mobPopWrp").css("display", "block");
                $('html, body').css('overflow', 'hidden');
            });
            $(".popCls").click(function(){
                $(".mobPopWrp").css("display", "none");
                $('html, body').css('overflow', 'auto');
            });
		}
	});
}

map이 필요한 사이트에 카카오 api를 가져와 넣어두고
반응형 해상도에 따라 팝업으로 열리는 형태로 스크립트에 display:none; block; 속성으로 제어할수 있도록 코드를 추가했더니 map 일부가 보이지 않는 현상을 겪었다.

바로 이 display:none 속성 때문
display:none 대신 opacity를 0으로 주었다가 1로 바꾸거나
화면 밖으로 밀어냈다가 클릭했을 때만 중앙에 오도록 배치하는 것으로 임시조치를 하였지만
더 좋은 방법을 생각해야겠다..