Modal pop-up에 지도 띄우기

Django 공부를 하면서 api를 통해서 좌표를 알아내 지도위에 마커를 생성해 위치를 보여주려고 하는 작업을 하고있습니다. 새로운 HTML 페이지에서 지도를 불러오면 아래의 두번째 사진과 같이 지도가 그려집니다만 이를 modal pop-up 창에서 보여주려고 하면 바로 아래의 사진과 같이 지도의 위치가 왼쪽 상단에 가려집니다, 혹시 이를 해결할 수 있는 방법에 대해서 알고계신 분이 있는지 궁금합니다.

image
image

아래 답변 참고해주세요.