카카오 지도 팝업으로 띄울때 오류
본문
카카오맵 공유하기 HTML 태그 복사로 게시글마다 등록한뒤
리스트에서 지도보기 버튼으로 모달띄워서 보여주려는데
이렇게 오류가 뜹니다... ㅠㅠ
찾아보니 display : none 이었다가 block 되는 과정에서
넓이랑 높이값을 못 불러와서 생기는 오류라고 하더라구요
그래서 팝업이 뜨고난 후에 map.relayout(); 이걸 넣어주라는데,,
html태그 복사로 가져오는 경우에도 해당되는건가요?
id값이 map이 아닌거같은데ㅠ 속시원한 답변은 없고 비슷한글 찾아보란 말만있네요ㅠㅠ
답변 4
모달창을 display 로 주지 마시고 포지션을 마이너스로 주는 방법 등으로 우회해 보세요.
감사합니다ㅠ 간단히 해결할수 있었는데 헤매고 있었네요
보여지는 영역의 resize 이벤트에 넣으세요
사이즈가 달라질때라서...
ㅠㅠ창 크기를 변경하면 다시 잘 보입니다
지도 가져오실때 html 태그 말고 이미지로 퍼가는거 있습니다.
그걸로하세요.
꼭 html 로 하고 싶으시면 모달 띄울때 onload 후 리프레시 한번 해주시는 방법 외엔 없습니다.
지도를 활용해야해서 이미지로 가져오는건 한계가 있네요ㅠ 답변 감사합니다.
아이프레임으로 가져오시는것 보다는 개발자센터에서 제공하고 있는 api를 활용하시는것이 좋습니다.
https://apis.map.kakao.com/web/guide/
모달 여는 클릭 이벤트에 지도를 여는 코드를 작성 하시면 됩니다.
고객이 간편히 등록해야 해서요ㅠㅠ api 사용은 무리가 있어요ㅠㅠ 답변감사합니다.
답변을 작성하시기 전에 로그인 해주세요.
