1. 구글 지도 들어가기
Google Maps
Find local businesses, view maps and get driving directions in Google Maps.
www.google.co.kr
2. 왼쪽 상단 검색창에 장소명이나 주소를 입력 - 성남시청 검색함
3. 아래 공유버튼 클릭
4. 지도퍼가기 클릭
5. HTML복사 클릭
6. 페이지에 삽입하기 (ctrl + v)
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>구글 지도 삽입하기</title>
</head>
<body>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3168.722763558238!2d127.12407967631795!3d37.420027232514876!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca877fbd276d5%3A0xcecd4f86508ad3ef!2z7ISx64Ko7Iuc7LKt!5e0!3m2!1sko!2skr!4v1697158794830!5m2!1sko!2skr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</body>
</html>
'HTML' 카테고리의 다른 글
| 글자 (text) 관련 태그 (0) | 2024.02.14 |
|---|---|
| 제목 관련 태그 h1 ~ h6 (0) | 2024.01.26 |
| 홈페이지에 카카오맵 넣기 -api x (0) | 2023.10.13 |
| a태그 활용 (0) | 2023.08.28 |
| HTML 이란? (0) | 2023.06.09 |