코딩 구글지도 iframe가져오는 법

[코딩 구글지도 iframe가져오는 법]

홈페이지를 만드는데 있어서 위치를 알리고자 할 때 주소를 적기도 하지만 

주소와 함께 지도를 첨부하여 좀 더 찾기 쉽게 사용하여 위치를 알려줍니다.

지도를 통하여 어디에 있는지 좀 더 확인하기 쉽게 되는데요, 이렇게 사용되는 구글 지도를 기준으로 코드를 가져오는 방법을 설명 드리고자 합니다.

 

구글 지도의 iframe을 가죠오는 방법은,

먼저 구글지도를 들어갑니다.

그 다음 구글지도에 본인이 찾고자 하는 주소를 검색합니다.

저는 예로 사람들의 유동인구가 많은 잠실을 검색해 보았습니다.

 

잠실을 검색했을 때 지도상에 잠실역이 나오고 왼쪽의 검색창 부분에 잠실부분에

저장, 주변, 사용자 휴대전화로 보내기, 공유 라는 아이콘과 글자가 뜹니다. 저기서 공유버튼을 클릭합니다.

 

공유버튼을 누르면 링크보내기와 지도 퍼가기가 나오는데 이 중에 지도 퍼가기를 눌러 HTML복사를 합니다!

 

잠실역을 검색하여 나온 iframe입니다.

 

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3164.773266594975!2d127.0979449151586!3d37.51326543493514!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4

f13.1!3m3!1m2!1s0x357ca50a1302a1b1%3A0xa7ee3308e8504254!2z7J6g7Iuk!5e0!3m2!1sko!2skr!4v1524706271547" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

 

Iframe을 복사하고 붙여넣어 지도부분을 삽입하면 됩니다!