지도 삽입하기 (html 구글지도 iframe)

웹사이트를 운영하다보면 현재의 위치를 맵으로 보여줘야 하는 때도 생기게 됩니다. 정말 간단하지 빠르게 사용하세요

 

1. 구글지도 페이지로 이동 https://www.google.co.kr/maps/?hl=ko 

Google 지도Google 지도에서 지역정보를 검색하고 지도를 살펴보거나 운전경로 정보를 검색합니다.www.google.co.kr

2. 주소 검색 후 share 클릭

3. 복사된 iframe 곧바로 사용

 

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

 

혹시나, 마우스 휠을 막고 싶다 하시면

<iframe _ngcontent-bmw-c340="" width="90%" height="320vh" 
    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3165.386850006371!2d127.02554107631225!3d37.49879317205621!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca1598c361b2b%3A0xdbf9af292beff3c!2z6rCV64Ko!5e0!3m2!1sko!2skr!4v1689656165449!5m2!1sko!2skr&? maptype=view" frameborder="0" 
    scrolling="no">
</iframe>

scrolling="no" 이 옵션을 넣으시면 됩니다