티스토리 | 본문에 구글 내지도 삽입하기 - 여행경로 동선 지도

포스팅을 하다 보면 자신만의 노하우로 만든 여행 지도를 공유할 때가 있는데요. 이럴 때 구글 내장소 기능이 매우 유용하다. 

구글 내 장소 (나만의 지도) 만들기 기능 보기

2018/03/06 - [즐거운 유럽 여행/유럽 여행 팁] - 구글 지도 | 나만의 여행 지도 만들기 / 여행 계획하기

◈◈◈◈◈

티스토리 외부컨텐츠를 이용하여 구글 내지도 삽입하기

1. 구글 지도 > 내 장소 > 나의 지도 열기 (Open in My Maps)를 클릭하여 지도를 연다.

2. 지도 제목 옆의 메뉴를 클릭하여 하위 메뉴를 불러온다. 이 메뉴 중 Embed on my site 메뉴를 선택한다.

※ 구글 나의 지도(내 장소)는 모든 사람에게 공개되어 있어야하며, 로그인하지 않아도 볼 수 있어야지 코드 생성이 가능하다.

※ 나의 지도 보기 권한 변경 방법은 페이지 하단에서 확인할 수 있다.

3. 웹페이지에 바로 사용 가능한 iframe 코드가 제공된다. 이 코드를 복사한다. 

4. 글쓰기 메뉴에 있는 '외부컨텐츠'를 클릭한다.

5. 구글 내지도에서 복사한 iframe 코드를 아래 '소스입력'에 붙여넣기 한 후 [확인] 버튼을 클릭하여 저장한다. 

6. 외부컨텐츠 기능을 이용하여 구글 내지도를 삽입한 결과이다.

◈◈◈◈◈

HTML 편집기로 구글 내지도 삽입하기

1. 구글 지도 > 내 장소 > 나의 지도 열기 (Open in My Maps)를 클릭하여 지도를 연다.

2. 지도 제목 옆의 메뉴를 클릭하여 하위 메뉴를 불러온다. 이 메뉴 중 Embed on my site 메뉴를 선택한다.

※ 구글 나의 지도(내 장소)는 모든 사람에게 공개되어 있어야하며, 로그인하지 않아도 볼 수 있어야지 코드 생성이 가능하다.

※ 나의 지도 보기 권한 변경 방법은 페이지 하단에서 확인할 수 있다.

3. 웹페이지에 바로 사용 가능한 iframe 코드가 제공된다. 이 코드를 복사한다. 후, 티스토리 HTML 편집 상태에서 원하는 위치에 붙여넣기 한다.

4. 티스토리 에디터 편집 상태를 HTML로 변경한 후 아래 코드를 원하는 위치에 붙여넣기 한다. 

※ 글쓰기 상태에서 오른쪽 상단의 □HTML을 선택하여 HTML 편집 모드로 변경한다.

※ 코드 예제: <iframe src="https://www.google.com/maps/d/embed?mid=1fLALAVIYHgyl00jPWVYHA5_F5lOg96TN" width="640" height="480"></iframe>

5. 다음은 구글 나만의 지도를 포스팅 내 삽입한 결과이다.

 

 

◈◈◈◈◈

구글 나만의 지도를 웹페이지에 사용하기 위해서는 꼭 모든 사람들에게 공개가 되어있어야만 코드를 만들 수 있다. 

1. 지도 제목 아래 +Share 버튼을 클릭한다. 

2. 현재 해당 지도의 공유를 위한 링크, 그리고 열람 및 소유자의 정보가 표시된다. 아래 그림의 Change...를 클릭하면 상세 권한 설정 화면으로 이동한다. 

3. 해당 지도를 모든 사람에게 공개하기 위해 On - Public on the web을 선택한다. 

※ 구글 로그인을 하지 않아도 내가 만든 여행 지도를 볼 수 있다. 

---

관련 글 보기

2018/06/23 - [♥ 컴퓨터/구글] - 구글 크롬 다운로드 및 설치하기

2018/06/24 - [♥ 컴퓨터/구글] - 구글 크롬 페이지 자동번역 사용하기 (영어 OS)

2018/05/27 - [♥ 컴퓨터/스내파] - 스내파 회원가입 하는 방법 - 쉬운 SNS 이미지 만들기

2018/05/28 - [♥ 블로깅팁] - 단축 URL 만들기 - bitly