인포윈도우 관련하여 문의 드립니다

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

[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.

카카오맵 API 가이드 페이지에서 인포윈도우 생성을 테스트했을 때, 인포윈도우의 가로세로 길이가 동적으로 잘 변경되는 것을 확인했습니다.
현재 제가 개발하고있는 어플리케이션에 똑같이 적용하려고하니 인포윈도우의 사이즈가 원하는대로 변경되지 않아 문의드립니다.
이런 상황에서는 어떤 부분을 변경해야하는건가요>?

먼저 인포윈도우의 사이즈가 늘어나지 않는 부분의 예시 사진입니다.
스크린샷 2024-07-11 083923

그리고 해당 인포윈도우 content쪽 코드입니다.

var infoContentTemplate = '<div style="padding:5px;">#{wrkNm}<br><span style="color:red;">상태 : #{evtNm}</span><br><span style="color:red;">속도 : #{lstSpeed}</span></div>';

위의 코드에서 #{wrkNm}, #{evtNm}, #{lstSpeed} 부분은 replace 함수를 사용하여 db에서 조회한 값으로 대체됩니다.

2

보통 infowindow의 내부 스타일과 코드에서 별도로 선언한 스타일 또는 사용하는 라이브러리의 스타일과 충돌이 날 경우 발생합니다.
개발자 도구로 infowindow element를 선택해서 스타일이 충돌되고 있는지 확인해 주세요.
만약 스타일이 충돌 나고 있다면 infowindow 내부 스타일에 영향을 주지 않도록 별도로 작성한 스타일을 확인해서 수정해 주세요.