티스토리 구글맵 삽입하여 해외 지도 첨부 방법 (HTML 소스)

티스토리 구글맵 삽입

티스토리에 해외 지도 첨부하기

 

난이도 ★★☆☆☆

 

티스토리 포스팅을 할 때 보통은 기본 지도 삽입 기능을 이용하는데, 이 기능은 국내 위치에 한정되어 있어 해외여행 관련 포스팅을 할 때는 사용할 수가 없습니다.

 

그럼 해외 위치는 지도로 삽입할 수 없는걸까요? NO ~ 당연히 가능해요. 구글맵을 이용해 HTML 소스를 삽입하면 해외 지도 삽입을 쉽게 할 수 있습니다. 그 방법 공유해 드릴게요.

---

목차

1.티스토리 지도 기능 오류 발생 시

2.구글맵으로 해외 지도 삽입하기

3.맺음말

---

 

티스토리 지도 기능 오류 발생 시

---

해외 지도 삽입을 위해 방법을 찾고 계실 수 있지만, 과거의 저처럼 티스토리 지도 삽입 기능에 오류가 생겨 대체적인 방법을 찾다가 이 글에 오신 분들도 계실 것 같습니다.

 

티스토리 지도 삽입 기능 오류는 5분 컷으로 정말 쉽게 해결할 수 있으니 아래 방법을 확인해 보세요.

티스토리 HTTP Status 400 – Bad Request 오류 해결 방법 (크롬)

 

해외 지도 삽입을 위한 구글맵 이용 방법이 궁금하시다면 계속 아래로 따라오세요.^^

300x250

 

구글맵으로 해외 지도 삽입하기

---

1. 구글에서 구글맵으로 접속해 주세요. 구글에서 지도/ 구글 지도/ 구글 맵 등 검색을 통해 접속할 수 있습니다.

구글 맵

 

2. 검색창에 삽입하려는 위치를 검색하고, 위치를 찾았다면 아래쪽에 공유 버튼을 누릅니다.

국문으로 검색해도 해외 위치가 검색이 됩니다!

위치 검색

 

3. 지도 퍼가기 탭에서 표시할 지도 사이즈를 선택하고, HTML 복사를 클릭합니다.

HTML복사

 

4. 티스토리 글쓰기 화면으로 와, 글쓰기 모드를 HTML 모드로 변경합니다.

HTML 모드

 

5. 원하는 위치로 이동해 복사한 HTML을 삽입합니다.

 

저는 미리 국문으로 위치를 표시해 두고 Ctrl + F 단축키로 그 위치를 찾아 그곳에 HTML을 삽입하고 있어요. 이게 원하는 위치에 삽입하기 편하더라고요.ㅎㅎ

반응형

 

1) Ctrl + F 단축키로 '여기에 삽입' 찾기

삽입 위치 찾기

 

2) 여기에 삽입 위치에 복사한 HTML을 Ctrl + V로 붙여 넣기

html 소스 삽입

그러면 iframe으로 시작하고 끝나는 소스가 삽입됩니다.

6. 구글 지도 삽입 완료

 

 

 

🤚🏻여기서 잠깐

구글지도가 기본 왼쪽 정렬되는데, 가운데 정렬을 원한다면?

 

이것도 HTML 소스를 이용해야 하는데 굉장히 쉽습니다. 지난 표 테이블 가운데 정렬 방법 포스팅에서 소개해드렸는데 함께 확인해 보세요.^^ 

[티스토리 표 꾸미기] 테이블 가운데 정렬 방법 (난이도 하)

 

맺음말

---

티스토리 블로그에 해외 위치를 지도로 삽입하는 방법에 대해 알아보았습니다.

기본 기능은 국내 위치에 한하여 지도로 삽입가능하니, 해외 위치는 구글 맵 HTML 소스로 삽입해 보세요!

 

 

추천 글 " 티스토리 글쓰기 꿀팁"

티스토리 블로그 글자수 세기 (크롬 확장 프로그램, 클릭 한번에 확인 가능)

 

[티스토리 꿀팁] 본문 내 위치 이동 링크 만드는 방법. 목차 책깔피 바로가기 (간단 HTML 수정)

 

[티스토리 꿀팁] 티스토리 표 테이블 스크롤 만드는 방법 (PC/ 모바일 모두 가능)