기본 콘텐츠로 건너뛰기

백만하나넷

블로그스팟에 카카오맵 지도 삽입하는 방법

블로그스팟을 비롯한 대부분의 블로그에는 구글 지도를 삽입할 수 있다.
그런데 해외에서는 구글 지도가 아주 좋지만 국내는 카카오맵같은 로컬 서비스가 좋다. 뭐 구글 지도도 갈수록 성능이 나아지고 있긴 하다.
카카오맵은 음식점이나 미용실 등 주요 스팟에 대한 사용자 평가도 많고 교통정보 같은 부대 정보 편의성도 구글 지도보다 낫다.
네이버 지도도 삽입할 수 있지만, 삽입하는 방법은 카카오맵이 더 간단하다.

티스토리는 카카오가 운영하는 서비스라서 에디터에서 카카오맵 플러그인을 지원한다.
하지만 블로그스팟은 카카오맵 사이트에서 HTML 소스를 따서 삽입해 주어야 한다.

방법은 아래와 같다. 카카오맵 뿐만 아니라 워드프레스, 기타 웹페이지에도 동일하게 적용될 수 있을 듯하다. 티스토리에는 굳이 적용할 필요가 없다.



카카오맵(map.kakao.com)에 들어가서 원하는 장소를 클릭하고,
위와 같이 공유 버튼을 클릭한 다음, "HTML 태그 복사"를 클릭하자.



위와 같이 "HTML 태그 복사"가 뜬다.
"소스 생성하기"를 클릭하자.



"소스 생성하기"가 뜬다.
"일반지도"와 "이미지지도"가 있는데, 일반지도가 더 많은 기능을 지원하지만 특정 게시판이나 카페/블로그 서비스에서는 삽입되지 않을 수 있다고 한다.
다행히 블로그스팟에서는 일반지도가 통한다. 태그를 복사한 다음



블로그스팟 에디터를 HTML 모드로 전환한 다음, 적당한 위치에 붙여넣기하자.
지도를 삽입하면 이런 모습이 나온다.


HTML 소스를 따와야 해서 티스토리보다 삽입하는 게 불편하긴 하지만, 어쨌든 타사 서비스가 블로그스팟에서 작동한다는 것에 의미를 두고 싶다.
  • 블로그 작성자: 풀먹는표범
  • 제목: 블로그스팟에 카카오맵 지도 삽입하는 방법
  • Last updated: 

댓글