본문 바로가기
정보 공유

티스토리,Tistory에 구글지도(goolgle map) 넣기! 삽입하는 법!

by 뢈필이 2018. 11. 16.

티스토리에 구글지도 넣기!


여행, 맛집 등 블로그를 쓰다 보면 보다 편하게 위치를 알릴 수 있게

지도를 삽입하곤 한다. 

다음지도와 연동이 되어 너무나도 편리하다.

그치만 해외여행 블로그를 쓰다가 보니

해외 위치를 지원하지 않는다.

ㅜ.ㅜ


조금은 귀찮지만 구글 지도를 사용하면 된다.

구글지도 삽입 방법을 알아보자.

일본 후쿠오카 나카스 포장마차거리에 갔던 블로그를 쓰면서 테스트를 해봤다.

↓아래와 같이 잘 적용 되었으며 방법은 간단하다.


1. 먼저 구글지도에 접속을 한다. 

2. 검색창에 찾고자하는 장소를 검색!

(후쿠오카 야타이/나카스포장마차거리를 검색했다.)

3. 아래와 같이 정확하게 장소를 찍어준다.



↓4. 왼쪽에 공유를 누르면 공유 창이 뜬다.

5. 공유 창이 뜨면 링크 보내기와 지도 퍼가기가 있다. 지도 퍼가기를 클릭!!!!

5. 지도 퍼가기를 클릭하면 아래 HTML이 나오고 복사가 가능하다. 복사 클릭!!!!!!!!!!!!


여기까지하면 구글지도 작업은 끝이다. 

이제 복사해온 HTML을 넣어주기만 하면 된다.

 

↓6. 블로그 글쓰기에 보면 오른쪽 상단에 ㅁHTML이 보인다.

클릭!!!!!!!




↓7. HTML 창으로 넘어가며 여기에 넣고싶은 곳에 복사해온 HTML을 붙여 넣기하면 된다!!

8. 나카스 포장마차 거리 글 바로 밑에다가 붙여 넣기를 하였다.

(지로를 블로그에 가운데 정렬을 위해 복사한 HTML 시작부분에 <center>를 붙이고

마지막에 </center>를 붙여주면 된다.)

아래 사진을 보면 <center></center>를 삽입한게 보인다. 


↓9. 붙여넣기 후 다시 ㅁHTML을 누르고 나오면 아래와 같이 지도가 삽입 되어 있다. 

간단하다!


모바일에서도 잘 적용되는 것을 확인 하였다. 



댓글