사진의 GPS정보로 사진정리하기

🤷🏻‍♀️ 사진을 정리하고 싶어 제발 만들어줘

 전화가왔다. 
 "나 이것좀 만들어주면 안돼?" 
 요청이 있엇다. 정말 이것좀 만들어주면 안되겠냐고 

---

내용을 들어보니 주요사항은 이러했다.

 사진을 정리를 하고싶은데 아이폰은 "사진정리"하는게 불편하다.
 그런데 사진을 찍으면 수백장을 찍는다 (업무상의 이유로)
 이걸 "장소별"로 정리를 하고싶은데 그게좀 필요로한다.
 그래서 그걸 내가원 곳에 찍은 사진만 "압축"을 해서 받고싶어.

---

아니 그런게 없겠어? 하고 찾아보니 전부 날짜기준으로
폴더를 생성하면서 사진을 정리해주는 프로그램만 있었다.

🕵🏽‍♂️ 내가 할수있는지 없는지도 모르지만 해보려한다.

1. 사진에 담긴 메타데이터 (EXIF)

사진에 담긴 정보를 알아야했다.
검색을 해보면 이런 말이보인다.

• EXIF : exchangeable image file format
  • 디지털 카메라에서 사용하는 이미지 파일 포맷입니다. 디지털 카메라를 이용해서 사진을 촬영하면, exif 데이터가 이미지 파일에 함께 생성된다.

사진의 속성을 들어가보면 이런 정보들이 보여진다. 해당 정보들을 말하는것이다.
GPS정보가 담겨있으니 이제 해당 좌표값을 지도위에 표시를 해봐야했다.

참고) https://coding-food-court.tistory.com/251

---

2. Openlayers & OpenLayers-Extenstion (지오코딩)

오픈레이어스로 지도를 쉽게 구현이 가능하다.
심지어 확장기능중 사진의 데이터 즉 EXIF 메타데이터를
Geojson으로 변환을 해주는 예제가 있었다.

알아야 할 것이 몇가지가 있었다.

openlayers.js = 웹에 동적인 맵을 넣을수있는 javascript 오픈라이브러리;
ol-ext.js = openlayers의 확장기능 및 추가적인 기능이 포함된 오픈라이브러리.
exif.js = 이미지 파일에서 EXIF 메타 데이터를 읽기 위한 JavaScript 오픈라이브러리;
FileSavers.js = 클라이언트 측에 파일을 저장하는 오픈라이브러리;
jszip.js = 압축을 해주는 오픈라이브러리

Exif2geojson 해당 예제를 사용해보니 필요한기능이 있었다.
GPS정보가 담겨있는 사진을 넣으니 해당 위치에 Point로 표시가 된다.
위도,경도를 변환을 했다는 얘기다. 난 이 예제를 활용해서
사진 첨부와 위치표시를 구현할 것이다.

참고) OpenLayers, ol-ext, FileSavers, exif.js, JSZip

Note: 만들고나니 내것이 아니었다.