블로그에 인터랙티브 여행 지도 넣는 방법
2026년 11월 10일 업데이트 · 4분 분량
다녀온 곳을 독자에게 보여 주는 가장 빠른 방법은 지도입니다. 정적인 캡처 이미지 대신 인터랙티브 지도를 삽입하면, 독자가 페이지 안에서 지도를 움직이고 여행을 열고 사진을 클릭할 수 있습니다.
삽입 코드 받기
- 1여행 사진을 올려 Trailroll에서 지도를 만듭니다.
- 2지도 공유를 열고 공개 링크를 켭니다.
- 3보여 줄 여행을 고르고, 정확한 위치나 날짜를 숨길지 정합니다.
- 4삽입 코드를 복사합니다. 짧은 iframe 코드입니다.
삽입된 지도는 공유 링크와 같은 설정을 따릅니다. 나중에 여행이나 개인정보 설정을 바꾸면 코드를 건드리지 않아도 블로그의 지도가 업데이트됩니다.
모든 여행을 하나의 지도에사진을 올리면 Trailroll이 사진마다 찍은 곳에 표시해 줍니다. 처음 사진 500장까지 무료입니다.
내 여행 지도 만들기사이트에 붙여 넣기
- 워드프레스: 사용자 정의 HTML 블록을 추가하고 코드를 붙여 넣습니다.
- 스퀘어스페이스: 코드 블록을 추가하고 코드를 붙여 넣습니다.
- 윅스: 임베드 코드 → HTML 임베드를 추가하고 코드를 붙여 넣습니다.
- Ghost: HTML 카드를 추가합니다.
- Webflow: Embed 요소를 추가합니다.
- 일반 HTML: 지도가 나올 자리에 iframe을 붙여 넣습니다.
Medium, Substack처럼 iframe을 허용하지 않는 플랫폼에서는 인터랙티브 지도를 보여 줄 수 없습니다. 대신 공유 링크를 올리면 지도가 담긴 미리보기 카드가 표시됩니다.
블로그 지도를 잘 쓰는 팁
- 여행기마다 지도 하나, 소개 페이지에는 전체 지도 하나. 공유 설정에서 글에 맞는 여행만 골라 담을 수 있습니다.
- 집이나 묵었던 곳 같은 장소가 포함된다면 정확한 위치 숨기기를 켜세요.
- 지도에 충분한 공간을 주세요. 높이 500픽셀 정도의 전체 너비 삽입이 PC와 모바일 모두에서 잘 보입니다.
자주 묻는 질문
- 삽입은 무료인가요?
- 네. 공유와 삽입은 무료 요금제에 포함되어 있습니다.
- 삽입하면 페이지가 느려지나요?
- 지도는 페이지가 로드된 뒤 별도의 프레임에서 불러오므로, 글과 이미지가 먼저 표시됩니다.