1. 기본 구성

바이시클 맵은 다음과 같이 화면이 구성되어 있습니다.

1. 맵 도구 영역

   1. 내 코스 등록하기

      여러분만의 코스를 만들어 바이시클맵에 등록할 수 있습니다. 로그인을 해야 합니다.

   2. 영역 감추기/보이기

      이 부분을 클릭하면 “맵 도구 영역”이 감춰지거나 다시 나타납니다.

2. 지도 출력 영역

   1. 지도 영역

      지도 영역는 바이시클맵에 등록된 코스나 스팟포인트 등 정보가 출력됩니다. 또한, 지도 위에 바로 컨텐츠를 등록할 수 있습니다.

      지도 이동은 지도 영역에 마우스를 클릭한 상태에서 마우스를 이동하면 이동 영역만큼 지도 화면도 이동합니다. 만약, 로그인한 상태에서 클릭을 할 경우, 클릭한 지점에 스팟포인트나 사진을 등록할 수 있으며, 클릭한 대상이 스팟 포인트인 경우 스팟 포인트에 대한 상세 정보가 출력됩니다.

   2. 도로 종류별 출력 버튼

      바이시클 맵은 도로를 크게 세 가지로 구분합니다.

      • 자전거 전용 도로
      • 자동차 겸용 도로
      • 보행자 겸용 도로

      이 출력 버튼을 누르면, 해당 종류에 속하는 도로가 화면에 출력되거나 사라집니다. 단, 이 버튼으로 출력되는 도로는 바이시클맵에 정식으로 등록된 공식 도로이며, 이용자가 개별 등록한 도로는 이 버튼 작동과 연계되지 않습니다.

   3. 지도 확대/축소 도구

      지도를 확대하거나 축소합니다.

   4. 스팟 포인트 출력 버튼

      화면에 출력될 스팟 포인트 종류를 선택하는 버튼입니다. 각 버튼 위에 마우스 커서를 가만히 올려놓으면 각 버튼 이름이 출력됩니다.

   5. 거리재기 상태 전환

      맵 위에서 거리를 잴 수 있는 기능이 활성화 됩니다. 이 버튼을 누른 뒤, 지도 위에 클릭을 하며 거리를 잴 수 있습니다.

   6. 전체화면 버튼

      현재 실행되어 있는 웹 브라우저 화면에 가득 차도록 지도를 출력합니다.

2. 코스 및 도로 작성과 관리

바이시클맵에서 도로는 다음과 같은 구조로 구성됩니다.

## 코스가 여러 도로를 연결하는 구조도 그림.

동일한 도로일 지라도 코스 종류나 성격에 따라 다르게 쓰일 수 있으며, 한 코스이더라도 자전거 전용 도로나 보행자 겸용 도로가 혼재되어 구성될 수 있기 때문입니다.

도로를 바이시클맵에 등록하려면 먼저 코스를 등록해야 합니다. 먼저 로그인을 한 뒤에 “내 코스 등록하기” 버튼을 누르면 코스를 등록할 수 있습니다.

코스를 저장하면 코스 목록이 나오는 화면으로 바뀌며 여기에 저장된 코스가 출력됩니다.

코스 목록에서 각 코스에 있는 “더보기”를 누르면 코스에 대한 자세한 정보가 나옵니다. 코스 상세보기 영역에서는 코스 정보를 수정하거나, 도로를 연결할 수 있습니다.

2-1. 코스 정보 수정

코스 정보 수정은 코스 등록할 때 입력하는 정보와 거의 동일하나, 코스를 나타내는 이미지를 추가 등록할 수 있습니다. 각 코스를 나타내는 이미지는 코스 당 하나만 등록이 가능하며, 새로 이미지를 올리면 기존 이미지를 대체하여 새 이미지가 등록됩니다.

2-2. 새 도로 추가

기존에 작업한 도로가 없는 경우, 새로 도로를 그려서 코스에 등록할 수 있습니다. “새 도로 추가” 버튼을 누르면 새 도로 그리기 상태로 전환됩니다.

맵 도구 영역이 위와 같이 나온 상태가 새 도로 그리기 상태인데, 이 상태에서 지도 영역을 클릭하면 도로 지점이 찍히며 도로를 그립니다. 도로 지점을 지우려면 도구 영역에 있는 빨간색 X 버튼을 클릭하면 됩니다. 주의해야 할 점은 도로 지점을 지우면 해당 지점 이후에 등록된 모든 지점이 함께 지워진다는 것입니다. 만약, 3번 지점을 지우면 3번 이후 지점인 4번과 5번도 지워집니다.

지도에 찍힌 도로 지점을 이동하려면, 지도 위에 출력된 지점 표식을 마우스로 클릭한 채 이동한 후 놓으면 됩니다(드래그 & 드랍). 지점을 이동하는 중에는 도로 선이 그려지지 않으며, 지점 이동을 마친 뒤에 도로 선을 그립니다.

작업한 도로가 정상 저장되면 위와 같은 안내창이 출력됩니다. 보고 있던 코스에 방금 작업한 도로를 연결할 것인지 묻는 것인데, 지금 연결하지 않아도 추후 연결할 수 있습니다.

2-3. 기존 도로 연결

코스에 기존에 만들어 놓은 도로를 연결할 수 있습니다. 코스 상세보기 영역에서 “기존 도로 연결” 버튼을 누르면 도로에 연결되었거나 연결할 수 있는 도로 목록이 나옵니다.

코스에 아직 연결되지 않은 도로는 “연결하기” 버튼으로 도로를 연결할 수 있고, 이미 연결된 도로는 “연결 끊기” 버튼으로 연결을 해제할 수 있습니다.

정상 연결되고 나면, 해당 도로 길이와 예상 소요 시간 정보가 코스에 반영됩니다.

3. 스팟포인트 작성과 관리

스팟포인트는 로그인을 한 상태에서 지도 위에 클릭을 하면 스팟포인트 등록을 안내하는 화면이 나타납니다.

스팟 정보로는 이름과 종류를 반드시 입력해야 하며, 주소와 설명은 생략 가능합니다.

주소는 지도 위에 스팟을 위치할 지점 주소로 자동 입력되며, 직접 보다 자세한 주소를 입력할 수 있습니다.

4. 사진 올리기

사진올리기는 로그인을 한 상태에서 지도 위에 클릭을 하면 안내하는 화면이 나타납니다.

맵 도구 영역에서 사진 올리기 버튼을 눌러 사진을 올리면 지도에 지정한 위치에 사진이 등록됩니다.

지도 위에 표시된 사진 아이콘을 누르면 사진에 대한 정보를 맵 도구 영역에서 볼 수 있으며, 맵 도구 영역에 있는 사진을 클릭하면 원래 크기로 사진을 볼 수 있습니다.