IT

[구글맵API]구글맵 API사용하기

집탱구리 2016. 12. 19. 15:52
반응형

구글지도 API

API 사용하기






위치 : <head>사이에 삽입
특징 : <!DOCTYPE html>으로 시작해야됨



저기서 MY_KEY라고 써놓은 곳에 자신의 API KEY값을 넣어야 한다.


KEY값을 받으려면 먼저 Google Maps API로 이동한다. 

-> https://developers.google.com/maps/?hl=ko


구글계정으로 로그인 ㄱㄱ



내가 아는 것은 javascript 뿐이기에..

Google Maps Javascript API를 클릭.

아래로 내리다보면 '데모 및 샘플코드'있고 막 그렇다.


근데 그게 중요한게 아니라

스크롤 내리지 말고 오른쪽 맨위에 귀퉁이에 보면



이런게 있다.

클릭 ㄱㄱ



OK 알겠음.

당황하지말고 계속 ㄱㄱ


첨 만드는 거면 프로젝트가 암것도 없기 때문에

계속 ㄱㄱ


혼자 열심히 프로젝트를 만든다.

기다리면 화면이 넘어감.

키이름은 알아서 정하고

선택지에서 해당사항이 없으면 걍 없음 선택하고

생성 ㄱㄱ


오예.

키 생성 완료.

그렇다. 저 API키를 매개변수로 전달될 예정.

닫기를 누르고


방금만든 키를 본다.

보지만 말고 복사 하여

상단 script 소스에 MY_KEY를 지우고 붙여넣는다.


 


 
   //지도가 뿌려질 DIV
   



결과 : 


반응형

'IT' 카테고리의 다른 글

[PHP]이미지 리사이징 - ImageMagic  (0) 2017.01.16
[유투브]유투브 썸네일 추출하기  (1) 2017.01.16
[jQuery]파일용량 계산하기  (0) 2016.12.14
[PHP]배열 키값 재정의  (0) 2016.12.13
[API]차트생성 - Chart.js  (0) 2016.11.25