안녕하세요. 브라우저 창을 축소하면 맵 바탕이 회색으로 됩니다

카카오맵 API (지도/로컬)
1

  1. iframe 에 지도를 넣었는데

    브라우저를 가로 사이즈를 가장 작게 축소하면 map 바탕이 회색으로 변해버립니다…

    $(window).resize(function (){
    map.relayout();
    });

    이렇게 relayout 함수를 호출해도 안되네요…

  2. 모바일에서 사이트를 접속하면 사이즈가 축소 되서 그런지…역시 회색바탕만 나오네요…

    해결 방법 좀 알려주시면 감사하겠습니다.

    http://인싸컷.com 입니다…

    1

22

2

css 랑 div 에 영향을 주는 부분이 있지 않을까요
그걸 한번 체크해보셔야 할 듯해요

3

적용하신 미디어 쿼리가 지도 내부 Dom객체 스타일까지 적용이 되어있습니다.
지도 css에는 영향이 가지 않도록 수정해주세요.

추가로, 윈도우 사이즈가 변경될 때는
내부에서 relayout을 호출하기 때문에 따로 호출하지 않아도 됩니다.
relayout 관련 내용은 아래 예제 설명 부분 확인해주세요.
https://apis.map.kakao.com/web/sample/mapRelayout/

4 
@media (max-width: 768px)
.map_box img {
    width: auto !important;
    height: 100% !important;
}

CSS 미디어쿼리의 위 rule을 확인해 보세요. 지도 이미지에 영향을 주고 있습니다.

5

네…참고하겠습니다…정말 감사합니다…