클릭 이벤트에서는 미리 지도를 생성한 것이 아닌 disply: block으로 css를 변경 후 지도 객체 생성하기 때문에
지도 width, height 크기에 맞게 생성이 되었지만
display: none → display: block 처럼 동적으로 사이즈가 변경된 경우에는
none 상태 즉, 지도의 크기가 정확하지 않은 상태로 지도가 생성이 되었기 때문에
block으로 풀어준 시점에 지도의 사이즈가 변경이 되었음을 알려주는 relayout() 함수를 호출해야 합니다.