티스토리 블로그 글에 지도 넣는 방법

블로그 시작할 때 가장 하기 쉬운 주제(키워드)는 바로 '맛집'일 것입니다. 저도 식당에 가면 사진을 찍고 집에 와서 그 사진을 가지고 글을 썼습니다. 그리고 그 장소를 표시할 때 그냥 네이버로 검색해서 스크린숏을 올렸습니다. 

 

 

그런데 다른 블로그들을 보니까 지도가 멈춰있는 게 아니라 움직이고 검색이 되는 거예요. 무슨 차이지? 하고 검색해 보니 블로그 글에다가 지도를 넣을 수 있다는 것을 알게 됐습니다. 혹시 저처럼 지도 넣는 법을 모르는 사람들을 위해서 티스토리에 구글, 네이버 지도를 최적화로 넣는 방법에 대해서 알려드리겠습니다. 

 

 

 

 

 

 

구글 지도 삽입하기

 

1. 구글 지도에서 원하는 장소를 검색 후에 공유 버튼 클릭한다. 

 

 

 

2. 지명아래 '개요' 항목에서 '공유'를 클릭한다. 

 

 

 

3. '공유'항목 아래에 '지도퍼가기'를 클릭한 후에 'HTML복사' 버튼을 클릭하여 코드 복사한다. 

 

 

 

4. 블로그 글쓰기 화면에서 HTML 모드로 전환 후 원하는 위치에 복사한  HTML코드를 붙여 넣는다. 

 

 

    * HTML에 구글 지도코드를 넣을때 위, 아래에 center 코드를 넣어주면 중간정렬이 됩니다. 

     <center>

      구글지도 HTML

     </center>

 

 

5. HTML 모드에서 기본모드로 변경하면 구글 지도가 잘 보입니다. 

 

 

 

 

네이버지도 삽입하기

1. 네이버 지도 화면에서 원하는 장소를 검색한다. 

 

 

 

2. 원하는 장소를 클릭한후 공유하기 팝업창에서 주소를 복사한다. 

 

 

 

3. 티스토리 블로그모드를 HTML모드로 변경 후 복사한 주소를 붙여 넣는다.  

 

*HTML 모드에서 주소를 넣을 때  위, 아래로 center코드를 넣어주면 중앙정렬이 됩니다. 

    예) <center>

           복사한 주소코드

         </cetner>

 

4. 다시 기본모드로  변경하면 네이버 지도가 삽입됩니다. 

 

 

 

 

블로그 글에 지도 삽입시 장점 및 단점

 

구글 지도의 장점

 

   1. 구글 지도는 해외 장소도 표시가 가능해서 해외여행을 포스팅하는 사람들에게는 유용합니다. 

 

    2. 구글 지도는 인터페이스가 직관적이어서 사용하기 쉽습니다. 

 

    3. 경로 안내, 거리 측정, 그리고 위성사진등의 다양한 기능을 제공하고 있습니다. 

 

 

구글 지도의 단점

 

    1. 구글 지도를 삽입하면 로딩 속도가 느려서 사용자에게 부정적인 영향을 줄 수 있습니다. 

 

     2. 구글 지도는 저작권이 있어서, 상업적 사용 시에는 주의해야 합니다. 

 

 

네이버 지도의 장점

 

     1. 네이버 지도는 한국의 상세한 정보와 데이터를 제공해서 국내 사용자에게 편리합니다. 

 

     2. 사용자 맞춤형 기능이 많아서, 블로그 방문자가 원하는 정보를 쉽게 찾을 수 있습니다. 

 

 

네이버 지도의 단점

 

      1. 네이버지도는 한국의 초점에 맞춰 있어서, 해외 지역에 대한 정보는 부족합니다. 

 

      2. 구글보다는 사용하는 유저가 적기 때문에 블로그 글 노출이 불리할 수 있습니다. 

 

 

    * 카카오 지도는 티스토리의 블로그의 경우 기본지도 기능으로 제공이 되어서 적지는 않았습니다.