[꿀팁] 구글 블로그스팟에 구글맵 또는 카카오맵으로 지도 넣는 간단한 방법
구글 블로그스팟과 워드프레스를 시작한지 얼마 후에, 제게 가장 불편한 점이 있다면 그건, 지도를 마음껏 넣을 수 없다는 사실이었습니다. 그래서 여기 저기 지도 넣는 법을 알기 위해 돌아다녔는데, 엄청 간단한 방법이 있더군요. 지금까지 지도 넣는 법 모르시는 분은 가장 쉽게 말씀드릴게요.
블로그에 지도 넣는 가장 쉬운 방법
티스토리나 네이버 블로그에서 가장 편하게 작업했던 것이 바로 지도 넣기 였습니다. 하지만, 워드프레스와 블로그스팟에는 이런 기능이 없어서 정말 불편했는데요. 생각보다 간단하더라고요. HTML 편집을 몰라도 됩니다. 지금 확인해볼까요?
1. 구글 블로그스팟에 구글맵스로 지도 넣기
- 구글맵스로 장소 검색
인터넷 구글맵스를 검색한 후, 여러분이 찾고 싶은 장소를 입력해 줍니다. 예를 들기위해 '종로타워'로 검색해보겠습니다.
- 장소의 밑에 공유하기
검색한 장소의 이름 하단에 경로/저장/주변/휴대전화로 보내기/공유 버튼이 있는데 그 중에서 공유를 클릭합니다.
- 지도 퍼가기
공유하기를 누르면 링크 보내기와 지도 퍼가기 둘 중 하나를 선택할 수 있는데 지도 퍼가기를 선택해 줍니다. 링크 보내기를 해서 링크를 넣어주면 일반적인 주소가 생성되는 것이고 지도 퍼가기는 지도의 형태로 보여집니다.
우측 상단에 HTML복사 버튼이 있습니다. 그걸 클릭한 후, 블로그스팟으로 이동합니다.
 |
| 종로 타워 지도 퍼가기 방법 |
- HTML 모드 변환
블로그스팟 글쓰기로 이동해 여러분이 지도를 넣고 싶은 자리에 표시를 해줍니다. 저는 <종로 타워 지도>라고 자리를 표시해 놓겠습니다.
좌측 상단에 연필모양을 클릭하고 HTML 보기를 선택해 줍니다. 후에 command+f 로 <종로 타워 지도> 자리를 찾아서 붙여넣기
- 구글맵스 지도 넣기 완성
다시 연필 모양을 클릭해서 새 글 작성 보기를 눌러주면 회색 빛깔의 유튜브 모양 버튼이 생성되는데 글을 게시하면 정상적으로 지도로 보이기 때문에 크게 신경쓰지 말고 게시를 하시면 완성입니다.
2. 구글 블로그스팟에 카카오맵으로 지도 넣기
구글 블로그스팟에 구글맵스로 지도 넣기 단계에 성공하셨다면 카카오맵을 넣는 것은 매우 쉬운 일입니다.
그런데 보통 구글 블로그스팟에 카카오맵 지도를 넣는 것은 사이즈도 그렇고 예쁘지 않게 들어가서 구글맵스로 지도 넣기를 하게 되는 것 같습니다. 두 개의 지도를 비교해보시고 더 마음에 드는 것으로 지도를 넣으시면 됩니다. 그러면 카카오맵으로 지도 넣기도 간단히 설명 드릴게요.
- 카카오맵으로 장소 검색
사실 카카오맵이 구글맵스에 비해 장소들이 더 빨리 업데이트되기 때문에 카카오맵을 많이 사용하긴 합니다. 원하는 장소를 검색하고
- 내보내기 후 HTML 태그 복사
카카오맵에 장소를 입력하면 우상단에 내보내기 버튼이 있습니다. 그걸 선택하면 아래로 인쇄하기/이미지 저장하기 /URL 복사 / HTML 태그 복사 / 메일로 공유가 나열되는데 그 중에서 HTML 태그 복사를 선택한 후 URL을 위의 경우처럼 원하는 글쓰기 위치에 HTML 소스를 넣으면 됩니다.
3. 맺음말
늘 고민이었고 예쁘게 지도를 넣고 싶었는데, 드디어 방법이 해결되었습니다. 생각보다 간단한 방법으로 HTML태그 복사로 블로그스팟에도 지도를 넣을 수 있는 것입니다. 하지만 가장 많이 사용하는 네이버지도에는 HTML태그를 제공하지 않는다는 점이 조금 아쉽긴 합니다.
위의 내용으로 구글맵스 지도 유용하게 잘 사용하시길 바랍니다.
