티스토리 블로그에 구글지도 삽입하는 방법

안녕하세요. 낭만 부부입니다~

구글 지도에 내가 가봤던 장소에 이후에 방문할 장소에 라벨을 달고 내장소를 추가해서 나만의 데이터베이스를 만들어 사용합니다. 이런 서비스를 온전히 활용하려면 티스토리 블로그에도 구글 지도를 삽입하는 것이 좋겠다는 생각을 했습니다.

물론 상상한 모든 것은 기술적으로 거의 모두 가능합니다. 그러면 티스토리에 구글 지도 삽입하는 방법을 살펴보겠습니다.

티스토리 블로그에 구글지도 삽입하는 방법

Step 1 구글 지도에서 가야할 장소를 검색합니다. 그리고 공유를 클릭

Step 2 지도퍼가기 탭을 클릭합니다.

Step 3 HTML 복사를 클릭합니다. 이제 티스토리 블로그 글쓰기로 돌아갑니다.

Step 4 티스토리 글쓰기 상단 메뉴에 '외부컨텐츠'를 클릭합니다.

Step 5 좀 전에 구글 지도에서 클립보드에 복사해둔 지도 HTML소스를 붙여넣습니다. 그리고 소스 중에 width="600"을 찾습니다. 이건 지도의 넓이가 600이라는 의미입니다. 하지만 이렇게 해두면 핸드폰에서 넓이가 너무 넓게 보입니다. 그래서 이 부분을 약간 수정해줍니다.