카카오 맵 api 마커 드래그 이벤트 관련 질문

마커에 마우스 드래그 이벤트가 발생 했을때 카카오api 문서에서는 다른 이미지를 보여주는 방식으로 되어있었는데,
제가 이미지가 하나밖에 없어서 마커 img 태그의 css scale속성을 키워서 하이라이트를 구현하려고 생각 중인데요,

결론은 마커 객체를 생성하는 시점에서 img태그에 css class를 추가할 수 있는지 궁금합니다.

더 좋은 방법이 있다면 추천해주셔도 감사하겠습니다.

function addMarker(latlng, info) {

        // 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다
        var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize, imageOption),
            markerPosition = latlng; // 마커가 표시될 위치입니다

        // 마커를 생성합니다
        var marker = new kakao.maps.Marker({
            position: markerPosition,
            image: markerImage // 마커이미지 설정
        });

        // 마커에 click 이벤트를 등록합니다
        kakao.maps.event.addListener(marker, 'click', function () {
            removeAllRooms();
            // 클릭한 마커에 해당되는 list 보여주기
            renderRoom(info);
        });

        markers.push(marker);
        // 마커가 지도 위에 표시되도록 설정합니다.
        marker.setMap(map);
    }

마커는 스타일 설정이 불가합니다.
Marker 객체를 사용하려면 변경할 이미지를 준비해주셔야 합니다.
CustomOverlay 객체를 사용하면 content에 HTML+스타일을 설정해서 자유롭게 적용이 가능합니다.

마커 이미지를 하나 더 준비하거나
Marker 대신 CustomOverlay를 이용해서 지도에 표시해주세요.

1개의 좋아요

답변 감사합니다.

1개의 좋아요