IT 인터넷 정보/Tistory

티스토리 블로그에 해외 지도 첨부하는 간편한 방법

빅범 2019. 11. 27. 23:30
반응형

몇일전 해외여행 관련 포스팅을 하고 지도를 첨부하려고 했더니 국내지역만 daum 지도로 가능하여 방법을 찾아보았다. 방법은 의외로 간단하였다. 해외지도를 첨부하고자 한다면 간단하게 이 방법을 활용하여 사용해보자.

첫째, 해외지도 첨부가 가능하면 검색 포털을 google 로 통해서 해야된다. 구글에 검색어로 지도를 첨부하고자 하는 키워드를 입력한다. 예시로 신혼여행을 다녀온 하얏트리젠시 괌 호텔을 검색하였다.

검색하면 하단에 관련 사이트 및 글이 출력되며 우측편에 해당 검색의 약도, 지도가 함께 뜬다. 지도 부분에 빨간색으로 마킹한 부분을 클릭해준다.


그럼 왼쪽 메뉴에는 관련 정보가 나오고 우측영역에는 크게 해당 지도가 보여진다. 왼쪽 메뉴에서 공유 버튼을 클릭한다.

공유 버튼을 누르면 정중앙에 레이어 팝업이 뜨는데 여기서 지도 퍼가기 탭을 클릭해준다.


지도 퍼가기 탭을 누르면 바로 아래 iframe 으로 된 html 태그가 출력이 되는데 직접 드래그하거나 우측에  HTML 복사를 클릭하여 복사를 해둔다.

그럼 티스토리 블로그에 접속하여 글쓰기 에디터로 이동한다. 에디터 작성시 기본모드를 클릭하여 HTML 모드로 전환한 다음에 하단과 같이 복사된 iframe 태그를 붙여넣기 한다.

태그가 삽입되면 다시 기본모드로 전환해보면 해당 구글지도가 생성된 것을 확인할 수 있다. 아무래도 포스팅 작성전에 먼저 하거나, 다 작성된 이후 최초 발행을 한다음 수정하여 지도 태그를 삽입하는 것을 권장한다. 왜냐면 작성한 중간에 발행하지 않고 모드를 변경하여 태그를 삽입할 경우 작성해두었던 내용이 날아가는 위험이 있기 때문이다.

▼  샘플로  HTML 태그를 생성하여 삽입한 지도이다. 구글지도를 그대로 불러와졌으며 확대, 축소 버튼과 위치상의 마킹과 간략적인 정보를 제공해준다. 다소 번거로울 수 있지만 몇번 해보면 간편한 해외지도 첨부 방법!


본 게시글이 도움이 되셨다면 로그인 없이 클릭 가능한 ♥ 공감 버튼 클릭 부탁드립니다 :) 
"당신의 하루가 별보다 빛나길"
반응형