마커 클러스터러에 인포윈도우 추가하기

조회수 711회

마커 클러스터러에 인포윈도우 추가해봤는데 실행 안 되서 질문 드립니다.

{
"positions": [{
        "lat": 35.80921319,
        "lng": 127.1225089,
        "add": "abc"
    }
]}

latlngadd.json 파일

lat lng은 위도와 경도 add는 주소 입니다.

// 데이터를 가져오기 위해 jQuery를 사용합니다
                // 데이터를 가져와 마커를 생성하고 클러스터러 객체에 넘겨줍니다
                $.get("latlngadd.json", function(data) {
                    // 데이터에서 좌표 값을 가지고 마커를 표시합니다
                    // 마커 클러스터러로 관리할 마커 객체는 생성할 때 지도 객체를 설정하지 않습니다
                    var markers = $(data.positions).map(
                            function(i, position) {
                                return new kakao.maps.Marker({
                                    position : new kakao.maps.LatLng(
                                            position.lat, position.lng),
                                    content : new kakao.maps.InfoWindow(position.add)
                                });
                            });

                    // 클러스터러에 마커들을 추가합니다
                    clusterer.addMarkers(markers);
                    // 마커에 마우스오버 이벤트를 등록합니다
                    kakao.maps.event.addListener(markers, 'mouseover', function() {
                    // 마커에 마우스오버 이벤트가 발생하면 인포윈도우를 마커위에 표시합니다
                        infowindow.open(map, markers);
                    });

                    // 마커에 마우스아웃 이벤트를 등록합니다
                    kakao.maps.event.addListener(markers, 'mouseout', function() {
                        // 마커에 마우스아웃 이벤트가 발생하면 인포윈도우를 제거합니다
                        infowindow.close();
                    });

                });

마커 클러스터러는 잘 나오는데 인포윈도에 주소 표기가 안 됩니다.

  • (•́ ✖ •̀)
    알 수 없는 사용자

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

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)