지도 제작중에 문제가 발생했습니다

이 모습이 맨처음 모습입니다…
그리고 창을 최소화하거나, f12를 누른뒤에 원래의 창으로 돌아가면

이렇게 됩니다… 정상구동이라기보단 중심이 11시모서리에 걸려있는 모습입니다…

원인을 모르겠습니다.
맨처음모습에서 드래그로 지도를 끌어봐야 정상적인 모습이 보이지도 않습니다.
f12콘솔로 나오는 느낌표로

sdk.js?appkey=<저의 앱키>&libraries=services:1 A parser-blocking, cross site (i.e. different eTLD+1) script, http://s1.daumcdn.net/svc/attach/U03/cssjs/mapapi/4.0.5/1511766411374/kakao.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.
a @ sdk.js?appkey=<저의 앱키>&libraries=services:1
(anonymous) @ sdk.js?appkey=<저의 앱키>&libraries=services:4
(anonymous) @ sdk.js?appkey=<저의 앱키>&libraries=services:4
sdk.js?appkey=<저의 앱키>&libraries=services:1 A parser-blocking, cross site (i.e. different eTLD+1) script, http://s1.daumcdn.net/svc/attach/U03/cssjs/mapapi/libs/1.0.1/1515130215283/services.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.

이렇게 뜨긴합니다만… 어떻게해야하나요

map.relayout() 을 호출해 주세요.
아래는 이 전의 답변글들이고요.

https://devtalk.kakao.com/t/topic/44357/2?u=doji.doo

https://devtalk.kakao.com/t/bady/36528/2?u=doji.doo

그리고 지도의 영역이 바뀔 때, 지도 중심은 유지되지 않고 변합니다.
지도 영역이 변경될 때나, 매 resize 이벤트 상황에서 지도 중심을 항시 유지하는 코드를 넣어주셔야만 지도 중심이 유지 될 거에요.
아래는 viewport를 변경 가능한 어플리케이션에서 지도를 사용할 때의 솔루션입니다.
정확하게 질문의 상황과는 같지 않지만 이런 식으로 지도 중심을 유지하고 있다 정도로만 참고 부탁드립니다.

https://devtalk.kakao.com/t/topic/44595/2?u=doji.doo

1개의 좋아요