모바일에서 지도가 안보이는 문제 | |
질문을 하시기 전 "망보드 유용한팁" 게시판과 "망보드 강의" 게시판 검색을 통해 해결하지 못한 내용만 아래의 양식을 참고하셔서 답변자가 이해할 수 있도록 최대한 자세히 작성해 주시기 바랍니다.
[질문 양식]
1. 질문 검색 키워드 : 카카오맵 지도 api 모바일 웹
- 다른 분들이 쉽게 찾을 수 있도록 질문에 대한 키워드를 작성해 주세요 예) 테마 호환성, 설치방법 등
2. 질문 내용 : 결제하고 카카오지도 apikey를 등록하고 지도가 잘 나타나는지, 카카오스킨 m2 작동이 잘되는지 pc, 테블릿, 모바일 전부 확인해봤을땐 핸드폰에서도 잘뜨고 작동도 잘되더니 현재 글쓰기 하루전에 핸드폰에서만 지도가 안보이는 문제가 생겼습니다.(pc에서 개발자모드로 모바일을 봤을땐 지도가 보입니다.) 원격디버그로 핸드폰을 확인해보니 아래처럼 visibility: hidden; 으로 표시가 되어있었습니다. 그래서 visibility: visible !important;를 추가해서 지도가 보이기는 하는데 <div style="width: 100%; height: calc(100% - 26px); position: relative; line-height: 0; visibility: hidden; overflow: hidden; background: url("https://t1.daumcdn.net/mapjsapi/images/2x/bg_tile.png");" class="mb-map-content" id="map1"> <div style="width: 100%; height: calc(100% - 26px); position: relative; line-height: 0; visibility: visible !important; overflow: hidden; background: url("https://t1.daumcdn.net/mapjsapi/images/2x/bg_tile.png");" class="mb-map-content" id="map1"> 리스트에 등록한 지도 마커들이 전부 없어지고 리스트를 클릭해도 지도가 움직이지 않습니다.(안드로이드만 그럽니다. 아이폰은 작동이 잘 됩니다.) 뭐가 잘못된 걸까요? (아래 이미지는 안드로이드 폰으로 봤을때 사진 입니다.)
|