6. 스토리맵
6.1. 스토리맵 개요
스토리맵
스토리맵은 프로젝트의 데이터셋을 사용하여 공간분석을 거쳐 생성된 레이어로 만들어지는 지도입니다. 스토리맵의 내용은 사용자의 작성내용에 따라서 수많은 용도로 사용될 수 있습니다.
기본형(BASIC) 스토리맵
기본형 스토리맵은 가장 기초적인 스토리맵 입니다. 스토리맵 페이지 제목과 내용(콘텐츠) 를 담고있는 내용면과 사용되는 데이터를 보여줄 지도면으로 구성되어 있습니다.
포스트형(POST) 스토리맵
포스트형 스토리맵은 블로그 포스트와 유사한 구성의 스토리맵 입니다. 사용자가 원하는 위치에 내용(콘텐츠) 를 입력할 수 있으며, 구분선과 이미지 맵(지도) 를 추가할 수 있습니다.
6.2. 스토리맵 만들기
스토리맵 만들기는 다음과 같은 순서로 진행됩니다.
중요
타입(기본/포스트) 선택 -> 제목/설명/공개범위 설정 -> 배경지도/콘텐츠/레이어/지도옵션 설정 -> 완료
6.2.1. 기본형 스토리맵 만들기
스토리맵 페이지에서 새로운 스토리 맵 을 클릭합니다.
스토리맵의 맵 타입의 기본값은 기본형(BASIC) 이며 4개의 템플릿 중 한 개를 선택하고 다음 을 클릭합니다.
스토리맵 제목 입력란에 스토리맵 제목을 입력합니다.
스토리맵 설명 입력란에 스토리맵에 대한 설명을 입력합니다.
‘스토리맵 공개범위 선택란에서 스토리맵의 공개범위를 선택합니다.
완료 를 클릭하여 새로운 스토리맵을 생성합니다.
6.2.2. 포스트형 스토리맵 만들기
스토리맵 페이지에서 새로운 스토리 맵 을 클릭합니다.
스토리맵의 맵 타입을 로 POST 선택 후 다음 을 클릭합니다.
스토리맵 제목 입력란에 스토리맵 제목을 입력합니다.
스토리맵 설명 입력란에 스토리맵에 대한 설명을 입력합니다.
스토리맵 공개범위 선택란에서 스토리맵의 공개범위를 선택합니다.
완료를 클릭하여 새로운 스토리맵을 생성합니다.
6.3. 스토리맵 검색하기
스토리맵은 권한이 있는 모든 프로젝트 참여자가 만들 수 있습니다. 다른 팀원이 생성한 스토리맵의 제목을 입력하여 스토리맵들을 검색 할 수 있습니다.
6.4. 스토리맵 작성하기
스토리맵을 만들고 나면 스토리맵을 작성할 수 있는 페이지로 바로 이동하게 됩니다. 스토리맵의 내용을 작성하게 되면 작성 후 저장해야 내용이 소실되지 않습니다.
6.4.1. 기본형 스토리맵 작성하기
기본형 스토리맵은 지도와 콘텐츠로 이루어져 있습니다. 아래의 내용은 기본형 스토리맵을 작성하기위한 설명입니다.
콘텐츠
콘텐츠는 기본형 스토리맵에서 지도를 제외한 내용이 입력되는 공간입니다. 페이지 제목과 콘텐츠 내용으로 이루어져 있습니다.
페이지 제목 입력란에 스토리맵 페이지의 제목을 입력합니다.
콘텐츠 입력란에 스토리맵 페이지의 콘텐츠 내용을 입력합니다.
배경지도 설정
스토리맵에서 사용하는 배경지도를 선택할 수 있습니다. 기본값은 VWorld 일반지도이며, OSM(OpenStreetMap)지도와 VWorld 흑백지도, VWorld 영상지도를 추가 가능합니다.
배경지도 탭의 추가 버튼(+) 을 클릭합니다.
스토리맵에서 사용할 배경지도를 클릭하여 추가합니다.
선택하기 를 클릭하여 배경지도를 추가합니다.
지도명 |
특징 |
|---|---|
OSM(OpenStreetMap) |
OpenSource로 제공되는 OpenStreetMap입니다. |
VWorld 일반 |
국토지리원에서 제공하는 기본 지도 입니다. |
VWorld 회색 |
국토지리원에서 제공하는 기본 지도 이며, 회색조로 제작되었습니다. |
VWorld 영상 |
국토지리원에서 제공하는 기본 지도 이며, 정사영상으로 제작되었습니다. |
팁
배경 지도는 여러 개 추가할 수 있습니다.
여러 개의 배경 지도를 추가하면 지도의 우측 상단에 배경 지도를 전환할 수 있는 도구가 추가됩니다.
레이어 추가
프로젝트에서 공간분석을 통해 만들어진 결과물이나 데이터 , 셋의 데이터를 사용한 레이어를 지도에 추가합니다.
레이어 추가하기 버튼(+) 을 클릭합니다.
스토리맵에서 사용할 레이어들을 클릭하여 추가합니다.
레이어 선택완료를 클릭하여 선택한 레이어들을 추가합니다.
지도옵션 설정
스토리맵에서 사용되는 지도의 옵션들을 설정할 수 있습니다 기. 본적으로는 모든 설정값이 Off로 되어 있으며, 스토리맵의 특성에 따라 필요한 기능들만 가 가 On/Off 능합니다. 기능들에 대한 설명은 아래에 표에 정리되어 있습니다.
옵션명 |
특징 |
|---|---|
줌 컨트롤 |
지도에 기본적인 줌 컨트롤을 추가합니다.
줌 인(+) / 줌 아웃(-)
|
축척 바 |
지도에 축적 바(Scale Bar)를 추가 합니다. |
박스 줌 |
Shift 키를 누르고 마우스 드래그를 통해 지도에 선택된 박스 지점을 줌인 합니다. |
드래그 |
지도를 드래그 하여 위치를 이동할 수 있습니다. |
키보드 |
키보드를 이용하여 지도에 컨트롤 할 수 있습니다.
방향키 : 지도의 위치를 이동합니다.
더하기(+), 빼기(-) 키 : 지도의 줌 레벨을 조정합니다.
키보드 컨트롤을 하기 위해서는 먼저 지도에 포커스를 맞춰야합니다.
(지도 클릭 후 키보드 동작 실행 가능)
|
마우스 휠 줌 |
마우스 휠을 사용하여 줌 인 / 줌 아웃을 할 수 있습니다. |
6.4.2. 포스트형 스토리맵 작성하기
포스트형 스토리맵은 기본 스토리맵과 다르게 다수의 지도와 다수의 컨텐츠 내용, 이미지와 구분선으로 이루어져 있습니다. 기본형 스토리맵은 한 개의 지도를 통해 내용을 강조할 수 있다면, 포스트형 스토리맵은 다수의 지도를 활용하여 여러 가지 내용을 강조하여 표현할 수 있습니다.
아래의 그림은 포스트형 스토리맵을 생성한 직후의 모습입니다.
포스트형 스토리맵은 추가(+) 버튼을 클릭하여 원하는 순서대로 아래의 내용들을 스토리맵에 채워나갈 수 있습니다. 스토리맵에 추가 가능한 내용들은 맵, 콘텐츠, 이미지, 구분선입니다.
맵 추가하기
스토리맵에 지도를 추가하는 기능입니다 지도에는 세가지 요소가 있습니다 . . 배경지도를 먼저 선택하고, 지도에 추가할 레이어들을 선택합니다. 마지막으로 지도의 옵션들을 선택할 수 있습니다.
스토리맵에서 사용하는 배경지도를 선택할 수 있습니다. 기본값은 OSM(OpenStreetMap)지도이며, VWorld 일반지도와 VWorld 흑백지도, VWorld 영상지도를 추가 가능합니다.
배경지도 탭의 추가 버튼(+) 을 클릭합니다.
스토리맵에서 사용할 배경지도를 클릭하여 추가합니다.
선택하기 를 클릭하여 배경지도를 추가합니다.
지도명 |
특징 |
|---|---|
OSM(OpenStreetMap) |
OpenSource로 제공되는 OpenStreetMap입니다. |
VWorld 일반 |
국토지리원에서 제공하는 기본 지도 입니다. |
VWorld 회색 |
국토지리원에서 제공하는 기본 지도 이며, 회색조로 제작되었습니다. |
VWorld 영상 |
국토지리원에서 제공하는 기본 지도 이며, 정사영상으로 제작되었습니다. |
레이어 추가 기능을 통해 현재 프로젝트에서 생성된 레이어들을 지도에 추가할 수 있습니다.
스토리맵에서 보여질 지도에 대한 옵션 기능을 할 수 있습니다 지도의 On/Off . 옵션 기능은 아래의 표와 같습니다.
옵션명 |
특징 |
|---|---|
줌 컨트롤 |
지도에 기본적인 줌 컨트롤을 추가합니다.
줌 인(+) / 줌 아웃(-)
|
축척 바 |
지도에 축적 바(Scale Bar)를 추가 합니다. |
박스 줌 |
Shift 키를 누르고 마우스 드래그를 통해 지도에 선택된 박스 지점을 줌인 합니다. |
드래그 |
지도를 드래그 하여 위치를 이동할 수 있습니다. |
키보드 |
키보드를 이용하여 지도에 컨트롤 할 수 있습니다.
방향키 : 지도의 위치를 이동합니다.
더하기(+), 빼기(-) 키 : 지도의 줌 레벨을 조정합니다.
키보드 컨트롤을 하기 위해서는 먼저 지도에 포커스를 맞춰야합니다.
(지도 클릭 후 키보드 동작 실행 가능)
|
마우스 휠 줌 |
마우스 휠을 사용하여 줌 인 / 줌 아웃을 할 수 있습니다. |
콘텐츠 추가하기 스토리맵에 콘텐츠를 추가하는 기능입니다. 콘텐츠는 스토리맵 안에서 작성되는 텍스트입니다. 콘텐츠역시 화살표 버튼을 통해 추가된 내용의 위치를 위/아래로 순서 변경이 가능합니다. 삭제 버튼을 두 번 클릭하면 해당 내용은 삭제가 됩니다.
구분선 추가하기
구분선을 추가하면 아래의 그림처럼 구분선이 추가됩니다. 화살표 버튼을 통해 추가된 내용의 위치를 위/아래로 순서 변경이 가능합니다. 삭제버튼을 두 번 클릭하면 해당 내용은 삭제가 됩니다.
이미지 추가하기
스토리맵에 이미지를 추가하는 기능입니다. 이미지를 추가하는 방법은 파일 업로드를 통한 이미지 추가와 링크를 사용한 이미지 추가입니다.
파일 업로드를 통한 이미지 추가
이미지 링크(주소) 통한 이미지 추가
6.4.3. 작성 스토리맵 미리보기
내용을 저장한 후 스토리맵 작성 화면의 상단에서 미리보기(눈 아이콘)를 클릭하면 스토리맵을 공유받은 사용자의 시점에서 스토리 맵을 미리보기 할 수 있습니다.
기본형 스토리맵 미리보기
포스트형 스토리맵 미리보기
6.4.4. 스토리맵 메타데이터 변경
스토리맵 작성 화면의 상단에서 메타데이터 변경 을 클릭하면 스토리맵의 메타데이터를 변경할 수 있습니다. 스토리맵의 제목이나 스토리맵의 설명, 스토리맵 공개 범위를 변경할 수 있습니다. 변경내용 저장하기를 클릭해서 변경된 내용을 저장하면 메타데이터가 변경되고 저장됩니다.
기본형 스토리맵 메타데이터 변경
포스트형 스토리맵 메타데이터 변경
6.4.5. 작성된 스토리맵 저장하기
스토리맵의 변경사항이 있다면 스토리맵 저장을 클릭해서 변경내용을 적용해야 합니다. 저장하지 않고 스토리맵 작성페이지를 나가거나 새로고침 할 경우 변경된 내용이 적용되지 않습니다.
중요
저장하지 않고 새로고침하여 변경사항이 손실된 경우 복원할 수 없으니 반드시 저장해주세요.
6.5. 스토리맵 공유하기
만들어진 스토리맵을 다른 사용자들에게 공유할 수 있습니다. 권한이 있는 프로젝트 팀원을 제외한 다른 사용자에게도 공유할 수 있습니다.
스토리맵 공유하기
스토리맵 목록의 우측에 위치한 공유 를 클릭하여 스토리맵을 공유할 수 있습니다.
스토리맵 공유링크 만들기
스토리맵 공유링크를 만들 수 있습니다. 공유 옵션을 변경하게 되면 하단의 변경하기를 클릭하여 변경 내용을 적용해야 합니다. 공유 옵션은 아래와 같습니다.
공유옵션 |
특징 |
|---|---|
끄기 - 공유하지 않기 |
현재 스토리맵을 공유하지 않습니다. |
링크가 있는 모든 웹 사용자에게 공유 - 로그인 필요 없음 |
피노지오 로그인을 하지 않아도 스토리맵 조회가 가능합니다. |
링크가 있는 로그인 사용자 - 로그인 필요 |
피노지오 로그인을 해야 스토리맵 조회가 가능합니다. |
6.6. 스토리맵 삭제하기
잘못 만들어졌거나, 필요가 없어진 스토리맵을 삭제할 수 있습니다. 스토리맵 작성 페이지의 우측 상단에 위치한 스토리맵 삭제를 클릭하여 스토리맵을 삭제할 수 있습니다.
스토리맵 삭제하기
스토리맵 삭제를 클릭한 후 나타나는 팝업창에 스토리맵의 이름을 한번 더 입력합니다. 스토리맵 제목을 정확하게 입력하면 삭제하기 버튼이 활성화 됩니다. 활성화된 버튼을 클릭하면 스토리맵이 삭제됩니다.
주의
스토리맵을 삭제하면 다시 복원할 수 없습니다. 신중히 생각해주세요.