[js] 구글 맵 가져오기, 구글 맵 api 사용 방법

자신의 웹사이트에 구글맵 가져오는 방법입니다.

 

1. 먼저 구글맵 홈페이지에 들어갑니다.

 

https://www.google.com/maps/?hl=ko 

Google 지도

 

2. 홈페이지에 넣을 주소나 건물명을 입력합니다.

저는 광화문을 검색했습니다.

 

3. 따올영역 클릭후 상세정보에서 공유를 클릭합니다.

 

4. 지도퍼가기 클릭후 HTML 복사

5. html코드 입력하면 구글맵 api 가져오기 완료!

구글맵 api는 가로 세로 길이를 퍼갈때 정하지 않기 때문에 style에 직접 사이즈를 조절해야 합니다.