마커에 마우스 드래그 이벤트가 발생 했을때 카카오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);
}