저는 포스팅할 때, 지도 사용하는 일이 많지 않지만, 특성상 지도를 꼭 넣어야하는 포스팅들이 있습니다. 보통 국내에 있는 곳을 많이 사용하기에 티스토리 기본 기능에 있는 다음지도, 카카오맵을 사용하긴 하는데요. 외국을 소개하거나 카카오맵이 마음에 들지 않을 때도 종종 있어요.
그럴 때는 편하게 구글지도를 사용하면 됩니다. 방법도 매우 간단합니다.
HTML 소스 가져오기
위치 선택 후, 공유
먼저 넣고자하는 위치를 선택하시면, 여러 메뉴가 나오는데요. 그 중에서 "공유"를 클릭해주세요.
HTML 복사
공유로 들어오셔서 "지도 퍼가기" - "HTML 복사" 를 클릭하여 HTML 코드를 복사해줍니다.
블로그에 지도 삽입하기
HTML 모드 접속
알아보기 편하게 지도 삽입할 자리에 "지도삽입"이라고 타이핑을 합니다. 그리고 모드 변경에서 기본모드가 아닌 HTML로 변경해주세요. 티스토리에서 광고삽입이나 스킨편집하시는 분들에게는 익숙한 메뉴죠?
보시는 것처럼 미리 지도삽입이라고 표시해놓은 곳 바로 아랫줄에 구글지도에서 복사해온 HTML 코드를 붙여넣습니다. 그리고 다시 기본모드로 빠져나오세요.
지도확인
기본모드로 바꿔보시면, 위 사진처럼 지도삽입이라는 텍스트 아래 지도가 들어와있을 거에요. 저희가 의도한 음식점이 제대로 들어왔네요. 확인하셨으면, 지도삽입이라는 텍스트는 삭제해줍니다.
댓글