구글맵 API 사용하기

Explanation

참고링크 :
https://developers.google.com/maps/documentation/javascript/

– 모든 정보는 Google Developers 사이트에서 친절한 번역과 함께 제공하고 있습니다.

2015.06.10 추가사항

생각보다 많은 분들이 포스트를 봐주셔서… 두개 이상 마커를 표시하는 방법을 추가하였습니다.

2017.03.24 추가사항

‘구글지도원츄’님이 말씀해주신 API KEY로 구글맵를 사용하는 방법을 추가하였습니다.

 

1. 기본설정

1-1. 일반

1-2. 워드프레스

[‘&region=KR’ // ‘동해’, ‘독도’의 표기를 위한 설정입니다.]

1-3. 구글맵 태그

 

2. 구글맵 자바스크립트 API

2-1. Javascript API

2-2. 그 밖의 구글맵 옵션

이 밖의 모든 옵션 :
https://developers.google.com/maps/documentation/javascript/reference#MapOptions

 

3. 구글맵 날씨 API

구글맵 날씨 사용하기

날씨 예제 보기 :
https://developers.google.com/maps/documentation/javascript/examples/layer-weather

 

4. 구글맵 스타일 API

구글맵 스타일 사용하기

포토샵의 ‘Adjustments’ -> ‘Hue/Saturation’ 기능을 참고하여 사용하면 좋을거 같다.
[※스타일 기능을 사용할 경우 한국내의 지도정보는 나타나지 않습니다.]

스타일 레퍼런스 :
https://developers.google.com/maps/documentation/javascript/styling

5. 구글맵 마커 추가

구글맵에 2개의 마커 사용하기

6. API KEY로 구글맵 불러오기

API KEY로 구글맵 불러오기

 
 

sh님 대략적인 전체 구조는 아래와 같습니다.

 

잘못된 정보가 있다면 댓글로 남겨주시면 감사하겠습니다 :)