채택완료

카카오 지도 팝업으로 띄울때 오류

3067666150_1660746268.352.jpg

카카오맵 공유하기 HTML 태그 복사로 게시글마다 등록한뒤

리스트에서 지도보기 버튼으로 모달띄워서 보여주려는데

이렇게 오류가 뜹니다... ㅠㅠ

찾아보니 display : none 이었다가 block 되는 과정에서

넓이랑 높이값을 못 불러와서 생기는 오류라고 하더라구요

그래서 팝업이 뜨고난 후에 map.relayout(); 이걸 넣어주라는데,,

html태그 복사로 가져오는 경우에도 해당되는건가요?

id값이 map이 아닌거같은데ㅠ 속시원한 답변은 없고 비슷한글 찾아보란 말만있네요ㅠㅠ

답변 4개 / 댓글 4개

채택된 답변
+20 포인트
2022-08-19 (금) 08:32:20

모달창을 display 로 주지 마시고 포지션을 마이너스로 주는 방법 등으로 우회해 보세요.

답변에 대한 댓글 1개

감사합니다ㅠ 간단히 해결할수 있었는데 헤매고 있었네요
2022-08-18 (목) 09:47:49

아이프레임으로 가져오시는것 보다는 개발자센터에서 제공하고 있는 api를 활용하시는것이 좋습니다.

https://apis.map.kakao.com/web/guide/

모달 여는 클릭 이벤트에 지도를 여는 코드를 작성 하시면 됩니다.

thumb-32066955_1660783666.2771_730x574.png

답변에 대한 댓글 1개

고객이 간편히 등록해야 해서요ㅠㅠ api 사용은 무리가 있어요ㅠㅠ 답변감사합니다.
2022-08-18 (목) 00:35:24

지도 가져오실때 html 태그 말고 이미지로 퍼가는거 있습니다.

그걸로하세요.

꼭 html 로 하고 싶으시면 모달 띄울때 onload 후 리프레시 한번 해주시는 방법 외엔 없습니다.

답변에 대한 댓글 1개

지도를 활용해야해서 이미지로 가져오는건 한계가 있네요ㅠ 답변 감사합니다.

보여지는 영역의 resize 이벤트에 넣으세요

사이즈가 달라질때라서...

답변에 대한 댓글 1개

ㅠㅠ창 크기를 변경하면 다시 잘 보입니다

답변을 작성하려면 로그인이 필요합니다.