여러 주소를 이용한 지도 표시

여러 주소를 이용하여 지도에 각각의 주소 마커를 찍는건 나오는데요.
아래의 소스대로 행한 이 결과를 이미지로 저장을 할 수 있는 방법이 없을까요.

가이드를 보곤 있는데 적용이 안되네요 ㅠ…
listData 는 주소1,주소2,주소3, 형태의 배열로 들어갑니다.

	listData.forEach(function(addr, index) {
		// 주소로 좌표를 검색합니다
		geocoder.addressSearch(addr, function(result, status) {
			// 정상적으로 검색이 완료됐으면 
			 if (status === daum.maps.services.Status.OK) {
				daum_result_data = result;
				var coords = new daum.maps.LatLng(result[0].y, result[0].x);

				// 결과값으로 받은 위치를 마커로 표시합니다
				var marker = new daum.maps.Marker({
					map: map,
					position: coords
				});

				// 인포윈도우로 장소에 대한 설명을 표시합니다
				var infowindow = new daum.maps.InfoWindow({
					content: '<div style="width:150px;text-align:center;padding:6px 0;">' + listData[index] + '</div>',
					disableAutoPan: true
				});

				infowindow.open(map, marker);

				// 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
				map.setCenter(coords);
			} 
		});
	});

캡처 기능은 지원하고 있지 않기 때문에 이미지로 변환하는 로직을 구현해주셔야 합니다.
저희가 코드를 직접 작성해드리지 않는 점 참고해주시고
이미지로 사용할 경우 오프라인 가이드 참고해서 저작권에 위반되지 않도록 주의해주세요.