지도 영역 크기 동적 변경 관련 질문 드립니다

[illhumored]

Spring 기반의 웹 어플리케이션 개발중에 있습니다.

하나의 특정 페이지(JSP) 내에서

총 3개의 지도를 뿌려야 하는데요.

3개 중 2개는 크기 동적 변환을 이용하고자 합니다.

각 지도 호출 부분에 Flag(변수명 : divAreaFlag) 를 적용,

서로 다른 ID 값을 이용하여 mapContainer 를 설정 후 작업하였습니다.

콘솔에서 확인해 보니

크기 변경이 없는 divAreaFlag == 1 인 경우는 총 1번의 호출을,

지도 영역 크게 동적 변경 정상 시 divAreaFlag == 2 인 에는 총 3번의 호출을,

변경 오류 부분인 divAreaFlag ==3 인 경우에는 총 1번의 호출을 확인하였습니다.

추측컨데, divAreaFlag == 3 인 부분에서 resizeMap() 와 relayout() 호출하지 못하는 것 같습니다.

소스상에는 이상이 없어 보이는데 어떤 부분이 문제인지 감이 안잡히네요.

실제 Javascript 소스는 다음과 같습니다.

function setDaumMap(divAreaFlag, latitude, longitude) {

/* Step2. 다음지도 표시 with Marker */
if (divAreaFlag == 1) { 
	var mapContainer = document.getElementById("daumMap"); // 지도를 표시할 div
    mapOption = { 
        center: new daum.maps.LatLng(latitude, longitude), // 지도의 중심좌표
        level: 3 // 지도의 확대 레벨
    };
	var map = new daum.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
	
	var markerPosition  = new daum.maps.LatLng(latitude, longitude); 
	var marker = new daum.maps.Marker({
	    position: markerPosition
	});
	marker.setMap(map);

	console.log("map1")
	
} else if (divAreaFlag == 2) {
	var mapContainer = document.getElementById("popOrderDaumMap"), // 지도를 표시할 div
	mapOption = { 
        center: new daum.maps.LatLng(latitude, longitude), // 지도의 중심좌표
        level: 3 // 지도의 확대 레벨
    };
	var map = new daum.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
	
	function resizeMap() {
	    mapContainer.style.width = '470px';
	    mapContainer.style.height = '162px'; 
	}

	function relayout() {    
	    map.relayout();
	}

	var markerPosition  = new daum.maps.LatLng(latitude, longitude); 
	var marker = new daum.maps.Marker({
	    position: markerPosition
	});
	marker.setMap(map);

	console.log("map2")
} else {
	var mapContainer = document.getElementById("popOrderDetailDaumMap"), // 지도를 표시할 div
	mapOption = { 
        center: new daum.maps.LatLng(latitude, longitude), // 지도의 중심좌표
        level: 3 // 지도의 확대 레벨
    };
	var map = new daum.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
	
	function resizeMap() {
	    mapContainer.style.width = '470px';
	    mapContainer.style.height = '162px'; 
	}

	function relayout() {    
	    map.relayout();
	}

	var markerPosition  = new daum.maps.LatLng(latitude, longitude); 
	var marker = new daum.maps.Marker({
	    position: markerPosition
	});
	marker.setMap(map);

	console.log("map3");
}

}

웹 고수님들 조언 부탁드립니다.