구글 블로그스팟은 다른 블로그와는 다르게 리뷰하는 장소의 지도를 간단하게 넣을
수 있는 툴이 마련되어 있지 않습니다. 그래서 블로그스팟에서 지도를 넣으려면
HTML코드를 이용을 해야 합니다.
네이버 지도를 가장 선호하지만
네이버는 간단하게 HTML을 넣는 방법이 없어서 네이버 지도 외에 많이 사용하는
지도인 구글지도와 다음지도로 설명을 하겠습니다.
블로그스팟에 구글지도 넣는 방법
1. 구글지도에서 원하는 곳 검색하기
검색이 완료하고 원하는 위치(장소)를 클릭합니다.
2. 지도 코드 복사
원하는 장소 아래쪽에 공유 버튼이 있습니다. 공유버튼을 클릭
공유하기 팝업창이 뜨면 링크보내기 옆의 지도 퍼가기를 클릭합니다.
지도와 함께 원하느 위치의 HTML코드가 나타납니다. 우측의 복사버튼을 이용해서 코드를 복사합니다.
3. 블로그스팟에 코드 삽입하기
다시 블로그스팟으로 돌아옵니다.
코드를 찾기 쉽도록 지도 넣을 곳을
텍스트로 적어줍니다.
글쓰기 모드를 HTML모드로 바꿔줍니다.
지도 넣을 위치를 찾습니다. 지금은 글이 조금이라 찾기가 쉽지만 글이 많을 경우에는 검색을 통해서 지도넣을 위치를 찾습니다. 그리고 아까 복사해 놓은 코드를 붙여 넣습니다.
이렇게 코드가 삽입이되면 구글 지도 넣기가 완료 입니다.
코드 안의
넓이, 높이, 테두리 등을 변경하면 크기도 조절을 할수 있습니다.
다시 글쓰기 모드로 돌아와 보면 지도는 보이지 않고 동영상 재생 모양만
나오는데요.
블로그 스팟에서는 글쓰기 중간에는 아이프레임 코드가
미리보기가 되지 않습니다.
미리보기 버튼을 누르거나 글을 게시하고 확인
하면 지도가 잘 나오는 걸 확인 할수 있습니다.
3. 완성된 구글지도 삽입
블로그스팟에 카카오맵 넣는 방법
1. 카카오맵에서 원하는 위치 검색하기
저는 구글지도와 똑같이 양주시청을 검색했습니다.
개인적으로
디자인은 구글지도 보다 카카오맵이 제 스타일이네요.
검색된 곳의 위치를 클릭하면 상세 창이 뜨는 데요. 아랫쪽에 공유버튼이 보입니다.
공유버튼을 누르면 URL과 HTML을 복사할수 있는 메뉴가 나옵니다.
당연히 HTML을 클릭해야겠죠.
2. HTM 태그 복사 하기
HTML 태그 복사를 누르면 팝업창이 나옵니다.
상단에 삽이하는 지도의 사이즈를 넣을수 있는 입력창이 보입니다.
원하는 사이즈를 입력한 후 하단의 소스생성하기를 눌러줍니다.
소스생성하기 팝업창이 나옵니다.
여기에서 태그를 복사해서 블로그스팟에 넣어주면 지도넣기가 완료됩니다.
HTML넣는 방법은 구글지도와 동일하니 설명은 따로 하지 않겠습니다.
3. 일반지도와 이미지 지도
카카오맵은 일반지도와 이미지 지도가 있는데요.
기본적으로 일반지도 소스를 이용하면 되고요.
이미지 지도의 경우에는 자바스크립트를 지원하지 않는 블로그나 사이트에
적용을 하는 지도라고 합니다.
블로그스팟에서는 자바스크립트가 가능하니 일반지도를 넣으면 됩니다.
비교를 위해서 아래에 두가지 버전의 지도를 모두 넣어 봤습니다.
확인하시고 차이점을 이해하시면 될 것 같습니다.
이렇게 카카오맵도 간단하게 넣어 보았습니다.
일반지도
이미지지도
