티스토리 글에 지도를 넣어보자

음.. 블로그에 글을 쓰다보니 이것 저것 시도를 해 보는데 글에 지도를 넣는 방법을 남겨 보기로 했다.

 

글 작성 화면은 보통 이렇게 나온다.

 

화면에 보이는 ... 부분에 마우스 커서를 두면 더보기 라고 나타나고 이를 클릭하면 몇 가지 선택 할 수 있는 메뉴가 나타난다. 

그 중에서 지도를 클릭하면 지도를 입력하는 다음과 같이 별도 창에 지도 선택 화면이 나타난다.

'장소,주소검색'이라고 표시된 곳에 마우스를 클릭하고 원하는 장소를 검색하면 목록이 나타난다.

꾸미기 기능을 이용하면 이렇게 핀을 추가 할 수도 있고

이렇게 표시도 할 수 있는 기능을 제공한다.

그리고 마지막으로 지도창의 첨부 버튼을 클릭하면 블로그 글에 추가가 된다.

 

 

 

 

 

음.. 근데 모양이 좀 이상해 보인다. 블로그 편집기에서 내가 표시한 정보가 나타나지 않는 것 같지만 실제 보이는 화면에서는 다 나온다.

 

편집기 화면

블로그 화면

아, 그리고, 이 지도 추가 기능은 크롬 브라우저에서는 비정상적으로 동작한다. 메뉴나 구성등은 다 자유롭게 할 수 있는데 최종 첨부 버튼을 누르면 블로그 글관리 화면으로 넘어가 버린다. -_-;;

 

같은 기능이 사파리와 같은 다른 브라우저에서 정상 동작하는데 크롬에서 이상하게 동작하는 걸 보면 뭔가 크롬의 특성만은 아닌 것 같아 포럼을 찾아봤더니, 2020년 2월 발표된 Chrome 브라우저 버전 80의 동일 사이트에 대한 쿠키 정책이 Lax 라는 값으로 변경된 것이 영향을 준다고 한다. 

 

크롬 브라우저 설정 값인 same-site-by-default-cookies를 변경하면 된다고 하는데 보안 관련된 부분이라 그다지 추천하고 싶지는 않다. 나의 경우는 사파리나 파이어폭와 같은 다른 웹 브라우저가 있으니 그걸 이용할 생각이다. 그렇다해도 크롬 변경 할 사람들은 할테니 크롬 브라우저 설정 방법은 다음 글을 참고 하기 바란다.

 

크롬브라우저 samesite cooke 설정하기