ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [구글맵API]구글맵 API사용하기
    IT 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
    [구글맵API]구글맵 API사용하기  (0) 2016.12.19
    [jQuery]파일용량 계산하기  (0) 2016.12.14
    [PHP]배열 키값 재정의  (0) 2016.12.13
    [API]차트생성 - Chart.js  (0) 2016.11.25

    댓글 0

Designed by Tistory.