티스토리 글에 해외 위치 넣는 방법(feat. 구글맵, 새로운 글쓰기 적용)

며칠 전 여행이야기에 프랑스 글을 쓰다가 위치를 삽입하려고 시도했는데, 티스토리에서 제공하는 지도는 해외지도가 적용되지 않는다는 걸 알게되었다. 

 

[더보기]-[지도]를 적용해보면 아마 카카오맵을 쓰는 것 같은데 지원이 되질 않아서 조금 당황하며 방법을 찾아보았다. 

 

이용할 것은 구글맵과 html편집 방법이다.

참고로 지금 사용하고 있는 버전은 예전 글쓰기 버전이 아닌 새로운 글쓰기 버전에 해당한다.

 

1. 먼저 구글맵에 들어가서 원하는 위치를 검색하여 클릭한다.

구글맵 삽입1

 

2. 공유를 누른다.

구글맵 삽입2

 

3. 지도 퍼가기를 누른다(링크 보내기 X)

그러면 html에 넣을 수 있는 글자들이 보인다.

구글맵 삽입3

 

4. HTML 복사를 눌러서 글을 복사해준다. 

구글맵 삽입4

 

5. 다시 티스토리 글쓰기에 들어와서 위치가 삽입되기 원하는 곳에 ###을 표시한다. 

###대신에 아무 문자나 넣어도 무방하다. 이건 html편집창에 들어가서 위치를 확인을 용이하게 하기 위함이다. 나중에 다시 지워줄 문자이다.

 

 

6. 글쓰기 창 상단 우측의 [기본모드]-[HTML]로 들어가준다.

구글맵 삽입5

 

 

7. 표시해둔 [###]을 쉽게 찾을 수 있을 것이다. 그리고 그 위에 빈 줄 부분인 [ ]을 찾아준다. 이 곳이 지도 위치 삽입이 될 부분이다.

삽입 할 부분은 원하는 곳으로 하면 된다. 

구글맵 삽입6

 

 

8. [ ] 부분을 지우고 아까 복사해둔 구글맵 html 문자로 붙여넣기한다. 

구글맵 삽입7

 

 

9. 붙여넣기가 완료되면 잘 붙여졌는지 확인을 한 후 [HTML] 편집창에서 다시 [기본모드]로 돌아가준다.

구글맵 삽입8

 

 

10. 원하는 곳에 구글맵 해외지도 위치가 삽입된 것을 확인할 수 있다. 

구글맵 삽입9

이렇게 하면 간단하게 해외 지도 위치가 삽입이 된다. 어쩔 수 없지 지도에서 해외 위치를 지원을 하지 않기 때문에 구글맵을 사용해서 편집을 해 보았다. 

 

설명을 보면 복잡해 보일 수 있으나, 막상 해보면 아주 간단한 작업이니 혹시나 이 것 때문에 고민하고 있는 분들에게 도움이 되길 바란다 :)