본문 바로가기

Blog 이야기/블로그 꾸미기팁

[블로그 꾸미기팁] 블로그에 지도 넣기/네이버 지도/다음 지도/구글 지도




다음 포스트를 준비하면서 지도 첨부하는 법을 처음 알게된 초보 블로거 카이로그 인사드립니다.^^

저는 지도를 캡쳐해서 넣으려고 했는데 알고보니 글쓰기 창에 보면 <지도>버튼이 있고 거기에 주소를 넣고 지도를 첨부할 수 있더라구요~ 티스토리에서 사용하는 지도는 다음지도인데 부득이하게 네이버지도나 구글지도가 필요한 경우는 어떻게 해야하는지까지 알아보려고 합니다.



1. 티스토리에 다음지도 넣기



네이버 블로그에 네이버 지도를 넣는 것만큼이나 티스토리에 다음지도를 넣는것은 쉽습니다.

글쓰기 화면의 도구모음에 <지도>를 클릭해주세요!



원하는 위치를 검색한다음 



어떤 핀으로 체크할지를 선택하면



바로 지도가 첨부됩니다^^







2. 티스토리에 네이버 지도 넣기



티스토리에 굳이 네이버 지도를 넣는 이유는 무엇일까요?

찾아보니 네이버 지도에서는 경로 표시를 할 수 있고, 스마트 폰에서 스크롤에 반응하지 않아 편리하다고 해요. 다음지도는 html소스 충돌이 생기는 경우가 있다고 하니 티스토리에 네이버 지도를 넣는 방법도 잘 알아두어야겠습니다.(출처 : KT한의 정보창고)


http://map.naver.com/


네이버 지도로 갑니다.


주소를 검색한뒤 하단에 있는 <지도공유> 클릭!!




지도공유 부분에는 블로그에 담기와 지도 복사 부분이 있어요.



만약에 블로그에 담기를 클릭했다면 네이버 블로그에 지도가 담아져요.

하지만 우리는 티스토리 블로거니까 지도복사를 클릭해요.




원한는 사이즈를 선택하고 다음을 누르면 두구두구둑두구



이렇게 HTML코드가 나오게됩니다. 우리에게 친숙한 언어죠?^^ 

원하는 곳에 HTML코드를 넣으면 지도가 생성되게 되는데요. 거리뷰 항공뷰기능은 iframe이 지원되는 곳에서 사용할 수 있다고 하니 참고해주세요!



3. 티스토리에 구글지도 넣기


티스토리에 다음 지도, 네이버 지도 넣는 방법까지 알았으니 이제는 구글지도도 넣어보기로해요.



maps.google.co.kr





구글 맵스에 가서 원하는 장소를 검색하면



이렇게 프린트모양 클립모양이 있어요.

그중 클립모양을 누르면 이렇게 이메일이나 메신저에 링크붙여넣기 창이 뜨게 됩니다.

여기에 HTML을 복사하여 웹사이트에 지도삽입하기화면이 있죠?

저걸 복사해서 원하는 곳에 뙇 붙여주시기만 하면 됩니다.




더 자세히 지도크기를 조정해서 볼 수 있는 화면입니다.

아 근데 이상하네요. HTML코드를 붙여 넣어도 안되는데 이건 제가 더 알아봐야 될 것 같아요.



아무튼! 지금까지블로그에 지도 넣는 방법 - 다음지도, 네이버 지도, 구글지도까지 알아봤습니다!


궁금한 부분이 있다면 주저하지 마시고 댓글 마구마구 달아주세요!