[웹인] Google 사이트 도구 (11) - 구글 지도 삽입

본 게시물에서는 사이트에 구글 지도를 삽입하는 방법에 대해 알아보자.

[오시는길]-[지도]를 눌러 해당 페이지로 이동한다.

화면 오른쪽 상단에 있는 [페이지 수정(e)]을 누른다.

편집 환경으로 전환되면 본문 영역에 커서를 놓는다.

우리대학이 송도캠퍼스와 제물포캠퍼스로 나뉘어 있어 이 두 곳을 모두 나타내기 위해 본문을 2열로 나눌 필요가 있다. [레이아웃]-[2열(단순)]을 누른다.

본문 영역의 왼쪽 열에 커서를 놓는다.

[삽입]-[지도]를 누른다.

지도 검색 창이 나타나면 '인천대학교 송도캠퍼스'를 찾은 후 [선택] 버튼을 누른다.

'인천대학교 송도캠퍼스'가 검색되면 [+] 버튼을 눌러 적당한 비율로 확대한다.

다음에 나타나는 [Google 지도 삽입] 창에서 [제목 표시]에 체크하고, [높이]와 [너비]를 모두 430 픽셀로 한 후 [저장] 버튼을 누른다.

설정을 마치면 아래 그림과 같이 [Google 지도] 개체가 왼쪽 열에 삽입되는 것을 확인할 수 있다. [Google 지도] 개체를 선택하면 작은 도구바가 나타나는데 여기서 [가운데 맞춤]을 눌러 열 너비 가운데로 위치시킨다.

오른쪽 열에도 Google 지도를 동일한 방법으로 삽입하고 지도 검색 창에서 '인천대학교 제물포캠퍼스'를 찾은 후 [선택] 버튼을 누른다.

'인천대학교 제물포캠퍼스'가 검색되면 [+] 버튼을 눌러 적당한 비율로 확대한다.

[Google 지도 삽입] 창에서 [제목 표시]에 체크하고, [높이]와 [너비]를 모두 430 픽셀로 한 후 [저장] 버튼을 누른다.

화면 오른쪽 상단에 있는 [저장] 버튼을 눌러 삽입 과정을 마무리한다.

그러면 왼쪽 열에는 '인천대학교 송도캠퍼스' 지도가, 오른쪽 열에는 '인천대학교 제물포캠퍼스' 지도가 아래 그림과 같이 나타나는 것을 확인할 수 있다.