본문 바로가기
Font-End

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

by Junmannn 2023. 7. 18.
반응형

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

 

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" 이 옵션을 넣으시면 됩니다

반응형