안녕하세요 현재 자바스크립트를 이용해 맵을 구현하고 있는데 궁굼한게 생겨 문의 합니다

제가 필요한 맵의 기능을 쭉 살펴보다가
다양한 이미지 마커 표시와 닫기가 가능한 커스텀 오버레이 기능이 합쳐진 것이 필요 합니다.

여러번 시도를 해봤지만 원하는데로 구현이 되지 않아 도움을 청합니다. 혹시 가이드를 받을 수 있을까요??

http://apis.map.kakao.com/web/sample/removableCustomOverlay 예제를 기본으로 사용하고

마커 이미지를 변경하는 예제
http://apis.map.kakao.com/web/sample/markerWithCustomOverlay/ 에서
마커 이미지 적용 부분을 위 예제에 적용시키면 됩니다.

아래 마커 선언 코드 참고해주세요.

var imageSrc = 'http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/marker_red.png', // 마커이미지의 주소입니다    
    imageSize = new kakao.maps.Size(64, 69), // 마커이미지의 크기입니다
    imageOption = {offset: new kakao.maps.Point(27, 40)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다.

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

// 지도에 마커를 표시합니다 
var marker = new kakao.maps.Marker({
    map: map, 
    position: new kakao.maps.LatLng(33.450701, 126.570667),
    image: markerImage // 마커이미지 설정 
});

네 답장 주셔서 감사합니다 어 근데 제가 여러개의 마커를 찍어야 되는데
지도2지도3지도1지도4
이런식으로 코드를 하게 되면 이벤트가 하나의 마커에만 해당이 되더라구요 혹시 이부분도 알려주실 수 있나요??

이전에 비슷한 질문이 있어서 첨부해드려요.
아래 링크 참고해주세요.