🗺️ 티스토리에 해외 지도 삽입하는 방법
티스토리에 여행 후기나 맛집 리뷰를 올릴 때, 해외 지도를 넣고 싶었던 적 있으신가요? 🤔
하지만 티스토리 기본 지도 기능은 국내 지도만 지원하기 때문에, 해외 위치를 표시하려면 구글 지도 같은 외부 서비스를 활용해야 합니다.
지금부터 구글 지도, 네이버 지도, 오픈스트리트맵을 이용해 해외 지도를 삽입하는 방법을 알려드릴게요! 😊
🎯 1. 구글 지도 삽입 방법 (가장 쉬운 방법!)
✅ 구글 지도는 전 세계 지도를 지원하며, HTML 코드 복사만으로 티스토리에 삽입할 수 있어요.
📌 구글 지도 삽입하는 방법
1️⃣ 구글 지도 에 접속
2️⃣ 검색창에 원하는 해외 위치 입력 후 Enter
3️⃣ 지도에서 위치가 정확한지 확인
4️⃣ 공유 버튼(🔗 아이콘) 클릭 → "지도 퍼가기" 선택
5️⃣ HTML 코드 복사
6️⃣ 티스토리 글쓰기에서 HTML 모드로 변경 후 코드 붙여넣기
💡 Tip!
- 구글 지도 크기를 조절하려면 <iframe> 태그 내 width="600" height="450" 값을 수정하면 돼요.
- 모바일에서도 잘 보이도록 width="100%" 로 설정하는 것이 좋아요.
🎯 2. 네이버 지도 이용 (국내 사용자 친화적)
네이버 지도는 해외 지도도 지원하지만, 구글 지도보다 지역별 지원이 다를 수 있어요. 국내 사용자에게 익숙한 UI가 장점이에요.
📌 네이버 지도 삽입 방법
1️⃣ 네이버 지도 접속
2️⃣ 검색창에 해외 위치 입력 후 검색
3️⃣ 지도 화면에서 원하는 위치를 맞춘 뒤 공유 버튼(🔗) 클릭
4️⃣ "퍼가기" → HTML 코드 복사
5️⃣ 티스토리 글쓰기에서 HTML 모드로 변경 후 코드 붙여넣기
💡 주의사항
네이버 지도는 일부 해외 지역 지원이 제한될 수 있어요. 일본, 미국 등 일부 국가만 가능하므로 미리 확인해 보세요.
🎯 3. 오픈스트리트맵 활용 (오픈소스 무료 지도)
오픈스트리트맵(OpenStreetMap, OSM)은 전 세계 누구나 무료로 사용할 수 있는 지도예요.
해외 정보를 많이 포함하고 있으며, 개인 맞춤 지도 제작도 가능해요!
📌 오픈스트리트맵 삽입 방법
1️⃣ 오픈스트리트맵 접속
2️⃣ 검색창에서 원하는 해외 위치 검색
3️⃣ 공유 버튼(🔗) 클릭 → HTML 코드 복사
4️⃣ 티스토리 글쓰기에서 HTML 모드로 변경 후 코드 붙여넣기
💡 장점
- 구글 지도처럼 제약 없이 무료 사용 가능
- 맞춤형 지도를 제작하여 특정 장소 강조 가능
🆚 구글 지도 vs 네이버 지도 vs 오픈스트리트맵 비교
지도 서비스 해외 지원 사용법 장점 단점
| 구글 지도 | ✅ 거의 모든 국가 지원 | ⭐ 가장 쉬움 | 무료 & 강력한 검색 기능 | 중국에서는 VPN 필요 |
| 네이버 지도 | 🔵 일부 해외 지역만 가능 | ⭐ 쉬움 | 국내 사용자 친화적 | 지원 지역 제한 |
| 오픈스트리트맵 | ✅ 전 세계 무료 지원 | 🔵 약간의 학습 필요 | 오픈소스, 자유로운 편집 | 인터페이스가 생소할 수 있음 |
🎤 어떤 지도를 선택하면 좋을까?
✅ 간편한 해외 지도 삽입이 필요하다면? → 구글 지도 추천!
✅ 국내 사용자가 많고, 네이버 지도를 선호한다면? → 네이버 지도
✅ 맞춤형 지도 제작과 무료 사용이 중요하다면? → 오픈스트리트맵
🎯 마무리
티스토리에 해외 지도를 삽입하는 방법, 생각보다 쉽죠? 😊
구글 지도, 네이버 지도, 오픈스트리트맵 중 자신의 목적에 맞는 방법을 선택하면 돼요.
✈️ 해외여행 후기, 맛집 소개, 길찾기 정보를 더 정확하게 전달하려면 해외 지도 삽입은 필수!
지금 바로 티스토리에 적용해 보세요! 🎉
📢 궁금한 점이 있거나, 더 알고 싶은 기능이 있다면 댓글로 남겨 주세요! 😊💬
📌같이 보기 좋은 글