티스토리(tistory)에서 구글지도(google maps) 첨부하기

국내 장소의 경우 네이버지도, 카카오지도로 첨부하는데 전혀 문제가 없습니다.

다만 외국에 있는 장소를 지도로 첨부하는 경우 구글 지도를 사용해야 하기 때문에 이번에 블로그 작성 시 구글지도 첨부하는 법을 알아겠습니다.

 

 

1. 구글 맵 사이트 접속하기

•  - https://www.google.co.kr/maps/

Google Maps

 

 

 

2. 포스팅할 위치 검색하기

•  저는 예시로 베트남 하노이에 있는 분보남보 맛집을 검색하였습니다.

 

 

 

3. 포스팅에 삽입할 지도 정보 가져오기

• 검색정보에 있는 "공유 → 지도 퍼가기 → HTML 복사" 를 눌러줍니다.

 

 

 

4. 티스토리 글쓰기 모드에서 HTML 모드로 들어가기

• 글쓰기 모드로 들어가서 우측 상단의 기본모드 > HTML 으로 선택한다.

 

 

 

5. 지도 첨부하기

• HTML 모드로 들어가면 아래와 같은 화면이 보이는데, "3. 포스팅에 삽입할 지도 정보 가져오기"에서 진행했던 HTML 복사한 부분을 필요한 위치에 넣어주면 된다.
• 지도 중앙정렬이 필요한 경우 앞/뒤로 <div align="center"> 과 </div> 를 작성해주면 된다. (아래 이미지 참고)
• 편집이 완료되었으면 HTML 모드에서 기본모드로 다시 돌아오면 된다.

/

 

 

6. 결과 확인하기

• 아래와 같이 지도가 첨부됨을 확인할 수 있습니다.