안녕하세요. 카카오 지도 이미지를 캡쳐하여 이미지로 생성하는 스크립트를 만들고 있습니다.
html2canvas.js를 사용해서 지도 이미지는 저장하였으나 지도 위의 마커는 이미지에 포함되지 않네요.
이미지로 저장 시 마커도 같이 표시할 수 있는 방법은 없을까요?
마커는 여러개를 표시하고 있어서 staticMap은 사용할 수 없습니다.
출판&인쇄물 등의 오프라인 출처 표기 가이드는 숙지하고 있습니다!
안녕하세요. 카카오 지도 이미지를 캡쳐하여 이미지로 생성하는 스크립트를 만들고 있습니다.
html2canvas.js를 사용해서 지도 이미지는 저장하였으나 지도 위의 마커는 이미지에 포함되지 않네요.
이미지로 저장 시 마커도 같이 표시할 수 있는 방법은 없을까요?
마커는 여러개를 표시하고 있어서 staticMap은 사용할 수 없습니다.
출판&인쇄물 등의 오프라인 출처 표기 가이드는 숙지하고 있습니다!
html2canvas 라이브러리에서 마커 이미지에는 접근하지 못하고 있는 것 같네요.
이 경우 별도로 로직을 구현해주셔야 할 것 같습니다.
마커 이미지 정보를 가져온 다음 생성한 cavnas위에 drawImage를 이용해서 마커 이미지를 올려주세요.
지도 이미지와 마커의 z-index가 같아서 마커 캡쳐가 안되는 거 였네요ㅎㅎ 답변 감사합니다