OpenLayers 리사이즈 이벤트

최근 자사 엔진을 사용하지 않은 GIS 프로젝트를 진행했습니다.

그 이름도 유명한 OpenLayers 를 이용해서 말이죠.

(이후에 작성될 포스팅도 OpenLayers 주제가 점차 늘어날것 같습니다.)

진행하며 한가지 문제가 발생했는데,

브라우저 리사이즈 시, 지도가 맛이 가는겁니다.

map.updateSize();

위의 함수를 리사이즈시에 걸어둬도 무용지물..

결국 구글신에게 물어본 결과 다음과 같은 답변을 얻었습니다.

---

리사이즈가 완료되고 조금 뒤에 실행하세요.

---

참 쉽죠?

저게 답입니다.

따라서 저는 타임아웃으로 잠시뒤에 함수를 실행하여 해결하였습니다.

$(window).resize(function(){
	setTimeout(function(){
		map.updateSize();
	}, 200);
});

이렇게 말이죠.

해당 문제는 OpenLayers 2.x 버전에서는 꽤나 이슈가 되었던 문제였던것 같습니다.

(OpenLayers 3.x 버전은 사용해 보지않아 잘 모르겠습니다.)

리사이즈 관련된 문제를 앓고 계신분은 어서 저 코드를 추가해주세요. :)

감사합니다.