[OpenLayers] 지도를 이미지로 저장하기

ol의 지도로 표현된 내용을 이미지 파일로 저장하는 내용에 대한 정리입니다. 먼저 지도를 위한 div와 이미지 저장을 위한 버튼에 대한 tag를 아래처럼 index.html에 작성합니다.

지도를 구성하는 코드는 아래와 같고..

이미지 저장을 위한 버튼을 클릭할 경우와 관련된 코드는 아래와 같습니다.

saveAs라는 함수가 보이는데, 이 함수를 사용하기 위해서는 다음과 같은 js 라이브러리를 페이지에 포함해야 합니다.

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다