[Academy Website][구글 내장 API] 지도 위치 표시하기

1. 구글 지도 웹사이트 접속

https://www.google.com/maps

Google Maps

 

2. 원하는 위치 검색하기 

 

3. 공유 및 임베드 지도선택

참고로 지도 사이즈도 선택 가능합니다.

 

4. <iframe> 코드를 복사해서 사용하기 

src 속성에 있는 링크가 바로 임베드된 지도라서, 이걸 HTML 코드에 붙여넣으면 된다. 

이렇게 하면 새로운 위치가 포함된 Google 지도가 웹페이지에 표시됨

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12649.987041194703!2d126.96950958877535!3d37.56691861927619!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca28d3199c531%3A0x7a2d35df0efd2d8!2z642V7IiY6raB!5e0!3m2!1sko!2skr!4v1712118963063!5m2!1sko!2skr" width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

 

이건 덕수궁 위치입니다 !