구글 지도 코드 활용법

XE템플릿 2020.09.28 16:06:16

구글 지도 코드 활용법

 

1. 구글 지도 사이트 접속(https://www.google.co.kr/maps) 주소를 검색 후 

 

스크린샷 2020-09-28 오후 4.02.12.png

스크린샷 2020-09-28 오후 4.02.32.png

 

 

공유 > 지도 퍼가기 > HTML 복사 를 통해 해당 코드를 복사 후 사용하고자 하는곳에 붙혀넣기 합니다.

반응형으로 사용하기 위해서는 width값을 100%로 변경 해 주시면 됩니다.

 

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3166.2740158221886!2d127.1225040229457!3d37.47785963934441!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca5098148bd45%3A0x302be8f3b7668a11!2z6rCA65Og7YyM7J2067iM65287J207ZSE!5e0!3m2!1sko!2skr!4v1601276540134!5m2!1sko!2skr" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>