html 구글지도 iframe 넣기 ::

 

 

오늘은 구글 지도에서 주소 검색해서 나온 지도를 iframe로 퍼와서 내 html에 넣어 보도록 하겠습니다.

 

 

 

1. Google에서 구글 지도를 검색해서 들어갑니다.

 

 

 

 

2. 지도를 얻기 원하는 주소를 검색합니다.

왼쪽 상단 검색바에서 원하는 위치를 검색합니다.

저는 서울시청으로 검색 했습니다.

 

 

 

 

 

 

 

3. 공유를 클릭합니다.

검색하면 이렇게 자세한 위치 지도가 나오는데 왼쪽 편에 공유 버튼을 클릭합니다.

 

 

 

 

 

 

4. 지도 퍼가기에서 iframe 복사

 

링크 보내기에서 링크를 복사해서 사용 가능합니다.

 

 

하지만 우리는 지도 퍼가기를 해야 하기 때문에 지도 퍼가기 탭을 클릭해서 html복사를 클릭해서 클립보드에 복사합니다.

 

 

 

 

 

5. html에 코드에 넣기

html 코드에서 원하는 위치에 붙여 넣기 하기만 하면 됩니다.

 

그러면 이렇게 내 html 웹상에 나오는 걸 확인할 수 있습니다.

 

 

 

코드의 width height 값을 수정해서 사이즈를 조정할 수 있습니다.