json과 kakao maps api를 이용한 마커와 인포위도우에 대해 질문 드립니다.

Question

&#34;storeInfos&#34;: [{&#34;addr&#34;: &#34;충청남도 홍성군 갈산면 상촌로 12-1&#34;,&#34;code&#34;: &#34;34840559&#34;,&#34;lat&#34;: 36.6029863,&#34;lng&#34;: 126.5489114,&#34;name&#34;: &#34;신신약국&#34;,&#34;type&#34;: &#34;01&#34;}, ...]형식의 json 파일에서 주소가 서울인 약국의 좌표를 받아와 마커를 찍고, 그 마커를 클릭하면 이름이 출력된 infowindow가 나타나는 프로그램을 만들고 있습니다....이렇게 클러스터러와 마커는 구현했는데, 인포윈도우를 어떻게 만들어야 할지 너무 어렵습니다.ㅠㅠ

촐초리 · Answer

https://apis.map.kakao.com/web/sample/addMarkerClickEvent/해당 사이트 들어가보시면 인포윈도우 생성 샘플코드가 있습니다.전역으로 인포윈도우 변수 생성 후 마커클릭이벤트로 인포윈도우 컨텐츠 내용만 바꿔서 표시하는 형식으로 구현하시면 될것같습니다.마커를 바로 리턴하지 마시고 로컬변수로 선언 후에 // 마커에 클릭이벤트를 등록합니다 kakao.maps.event.addListener(marker, 'click', function() { // 마커 위에 인포윈도우를 표시합니다 infowindow.open(map, marker); });위처럼 클릭 이벤트를 등록 후 리턴 하셔야합니다.

json과 kakao maps api를 이용한 마커와 인포위도우에 대해 질문 드립니다.

1개의 답변

#kakaomap 목록