알아두면 좋은것들

블로그에 구글 지도 추가하는 방법

atomicdev 2024. 9. 6. 06:00
728x90

안녕하세요! 오늘은 블로그 글에 구글 지도를 추가하는 방법을 알려드릴게요. 음식점 위치나 여행지 정보를 공유할 때 구글 지도를 삽입하면 방문자들에게 훨씬 편리한 정보를 제공할 수 있답니다. 그럼 함께 따라 해보세요!

1. 구글 지도 열기

먼저 **구글 지도(Google Maps)**에 접속해야 합니다.
구글 검색창에 "구글 지도"라고 검색하거나 Google Maps 링크로 이동하세요.

구글 지도

2. 지도에서 위치 찾기

구글 지도에서 블로그에 추가하고 싶은 장소를 검색창에 입력합니다.
예를 들어, "시골가마솥 순대국집"을 입력하고 검색하면 해당 장소가 나타납니다.

구글 지도 검색

3. 위치 공유 옵션 찾기

원하는 위치가 검색되면 화면 좌측 상단 또는 해당 장소의 상세 정보 페이지에서 "공유" 버튼을 클릭합니다.
공유 옵션이 나타나면 "지도퍼가기" 탭을 선택합니다.

지도 퍼가기

4. HTML 코드 복사하기

"내장" 탭을 선택하면 삽입할 수 있는 HTML 코드가 표시됩니다. 여기서 "HTML 복사" 버튼을 눌러 코드를 복사합니다.

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3171.733993464187!2d127.1819594763984!3d37.34880583658234!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357b5646b40a1c05%3A0x5013b73c4eb0fc3b!2z7Iuc6rOo6rCA66eI7Ial7Iic64yA6rWt!5e0!3m2!1sko!2skr!4v1725569872769!5m2!1sko!2skr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

5. 블로그 편집 모드에서 HTML 붙여넣기

이제 자신의 블로그에 구글 지도를 추가해볼 차례입니다.

  • 네이버 블로그나 티스토리 블로그 편집 모드에서 HTML 편집 기능을 찾아 클릭합니다.
  • HTML 편집 창에 복사한 구글 지도 코드를 붙여넣기 합니다.

6. 게시글 저장 및 미리보기

코드를 삽입한 후, 저장 버튼을 눌러 게시글을 저장합니다. 미리보기를 통해 구글 지도가 정상적으로 표시되는지 확인합니다.

블로그에 추가된 구글 지도

참고 사항

  • 지도의 크기는 복사한 HTML 코드에서 직접 수정할 수 있습니다. <iframe> 태그의 width와 height 값을 수정하여 지도의 크기를 조정할 수 있어요.
  • 블로그 글에 지도를 추가하면 방문자들이 더 쉽게 장소를 찾을 수 있어 방문자 유입에 도움이 될 거예요.

이렇게 따라 하시면 블로그 글에 구글 지도를 쉽게 추가할 수 있습니다. 여행지, 맛집 등 다양한 정보를 공유할 때 유용하게 사용해보세요!

728x90