June's Story

Google Maps API를 이용한 사진게시판 코드 (Sky Map) 본문

프로그래밍

Google Maps API를 이용한 사진게시판 코드 (Sky Map)

Ikjunerd 2019. 2. 2. 16:58

http://gallery.ikjunekim.net/astro

 

Google Maps API 이용한 사진 게시판 관련 게시글: https://blog.ikjunekim.net/123

구글 Sky map을 활용하여 별사진을 나타내기 위해서 아래 코드 참조하여 구현해봤음.
https://github.com/bilal-karim/gmaps-samples-v3/blob/master/planetary-maptypes/planetary-maptypes.html

하늘 상의 좌표도 지도 좌표로 나타내어지기 때문에 좌표 확인을 위해서 임시 마커 생성 기능을 추가함.

Ctrl or Cmd+마우스 왼클릭 하면 임시 마커가 생성되고 거기에 좌표 정보 나타나게 했음(Firefox에서는 안됨).

code.skymap.zip 에 있는 파일들 한 폴더에 압축을 풀고, index.html 파일의 YOUR_API_KEY 부분에 Google api 사이트에서 받은 키를 넣으면 됨
(API Key 받기: https://developers.google.com/maps/documentation/javascript/)

사진 위치 및 썸네일 설정등은 json형식으로 입력 (https://blog.ikjunekim.net/123 참조)

Comments