모달창인 경우 display 스타일 속성이 none인 상태에서 지도가 생성되게 됩니다.
이때, 지도의 크기가 정확하지 않은 상태에서 생성되기 때문에 모달창이 열린 다음에 staticMap을 생성해주세요.
또는 staticMap이 아닌 일반 지도를 사용하고, 모달 창이 열릴 때 relayout을 호출하는 방법이 있습니다.
그리고 staticMap에서 마커를 생성할 때 marker 옵션으로 넘겨줘야 합니다.
var staticMapOption = {
center: new kakao.maps.LatLng(33.450701, 126.570667), // 이미지 지도의 중심좌표
level: 3, // 이미지 지도의 확대 레벨
marker: markers // 이미지 지도에 표시할 마커
};
이미지 지도와 마커 생성 예제 참고해주시고,
http://apis.map.kakao.com/web/sample/staticMapWithMarkerText/
일반 지도로 변경할 경우 relayout 호출에 관련 답변도 참고해주세요.
https://devtalk.kakao.com/t/topic/103783/3?u=lea.ju