약도만들었는데 모바일에서 지도가 정상출력되지 않습니다 [ 추가] 12/22

카카오맵에서 html 태그만들기 > 소스생성으로
약도를 만들었는데요

fadeIn, out으로 표현했는데
모바일에서 첫장소 빼고 지도가 정상적으로 출력이 되지않습니다.

캡처1

css jquery 를 빼고 실행해본결과
fadeIn out 문제인거 같습니다.
지사명을 클릭했을때 지도가 나와야 하는거라 display: none을 사용해 보았는데
같은현상이 나타나더군요

확인해보니 정상적으로 출력되는 맵의경우 map img를 여러장 불러오는 반면
비정상적으로 출력되는경우 map img 가 하나뿐입니다.

캡처2

캡쳐 화면상으로 지도의 축척이 안 나오고 있습니다.
따로 적용한 css가 있나요?
있다면 css를 빼고 잘 나오는지 확인 부탁드립니다.

css jquery 를 빼고 실행해본결과
fadeIn out 문제인거 같습니다.
지사명을 클릭했을때 지도가 나와야 하는거라 display: none을 사용해 보았는데
같은현상이 나타나더군요

확인해보니 정상적으로 출력되는 맵의경우 map img를 여러장 불러오는 반면
비정상적으로 출력되는경우 map img 가 하나뿐입니다.

display:none이었다가 block으로 된 경우 사이즈가 변경되었음을 알려주어야합니다.
아래 링크 확인해주세요.
https://devtalk.kakao.com/t/topic/67269/2?u=lea.ju