크롬이나 다른 브라우저에서는 정상인데,
카카오톡 인앱 브라우저에서는 마지막 지도 부분이 잘려버리는 현상이 나오네요.
참조 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>