카카오 지도 api 인앱 브라우저 비정상, 크롬이나 기타는 정상

지도/로컬 API
#1

크롬이나 다른 브라우저에서는 정상인데,
카카오톡 인앱 브라우저에서는 마지막 지도 부분이 잘려버리는 현상이 나오네요.

참조 URL

https://inviteme.kr/31th_FeelingIdea/

왜 그런지 혹시 알 수 있을까요? 현재 쓰고 있는 소스는 하단과 같습니다.




var container = document.getElementById(‘map’);
var options = {
center: new kakao.maps.LatLng(36.3203713136562, 127.422402024564),
level: 4
}; 
						var map = new kakao.maps.Map(container, options);
						// 마커가 표시될 위치입니다 

						var markerPosition  = new kakao.maps.LatLng(36.3203713136562, 127.422402024564); 
						// 마커를 생성합니다
						var marker = new kakao.maps.Marker({
							position: markerPosition
						});

						// 마커가 지도 위에 표시되도록 설정합니다
						marker.setMap(map);
			
						var infowindow = new kakao.maps.InfoWindow({
							content: '<div style="width:150px;text-align:center;padding:6px 0;">대전 이스터에그</div>'
						});
						infowindow.open(map, marker);

						setTimeout( function() {
						window.dispatchEvent(new Event('resize'));
					}, 1000);
					</script>
#2

지도 영역 크기 값이 지정되기 전 지도를 생성하면 지도가 잘려 보입니다.
지도 영역을 고정 픽셀로 지정해서 지도가 정상 표시되는지 확인해주세요.
그리고 지도가 있는 swiper가 활성화될 때
아래 답변과 같이 relayout(), setCenter() API 호출하는 방법도 확인 부탁드립니다.