Maps
DH Edu
- 해당 메뉴얼은 본 위키에 설치된 미디어위키 익스텐션 중 Maps(버전 5.6)를 중심으로 작성되었습니다.
좌표 구하기
- Google Map 사용 시 구글맵에서 위경도 좌표 구하기
- 위경도 좌표를 구하고자 하는 장소 검색
- 구글 맵상 표시된 마커 위에서 우클릭 후 "이곳이 궁금한가요?" 클릭 → 화면 아래에 표시된 인포박스 내 위경도 좌표 복사
- 또는, 구글 맵상 표시된 마커 위에서 우클릭 후 위경도 좌표를 클릭하면 좌표값이 클립보드에 복사됨.
- Leaflet 사용 시 오픈스트리트맵에서 좌표 구하기
- 위경도 좌표를 구하고자 하는 장소를 검색
- 정확한 위경도 좌표를 구하고자 하는 지점에서 우클릭 후 "주소 보기" 클릭
- 왼쪽 창에 표시된 위경도 좌표 복사
Markers
{{#display_map:
Location~Popuptitle~Popuptext~File:CustomIcon;
|width=
|height=
|center=
|zoom=
|service=
}}
|
- Location: 위경도 좌표 입력.
- Popuptitle: 마커 클릭 시 팝업창에 표시되는 타이틀.
- Popuptext: 마커 클릭 시 팝업창에 표시되는 내용.
- File:CustomIcon: 위키에 업로드한 이미지로 마커 표시 가능. (마커 사이즈는 가로세로 1.5cm 이하 권장)
- width: 맵의 너비. (px, ex, em, %)
- height: 맵의 높이. (px, ex, em, %)
- center: 위경도 좌표 입력을 통해 맵의 중심 위치 설정 가능.
- zoom: 맵의 줌 레벨 조절 가능.
- service: 아무 값도 입력하지 않을 경우, Leaflet 지도 호출. 구글맵 사용 시 'google'이라고 기재.
{{#display_map:
37.56637,126.93698~연세대학교 외솔관~정문에서 너무 멀어요~File:Marker.png;
37.56494, 126.93435~연세대학교 삼성관~버블티 맛집
* 딸기버블티
* 흑당버블티;
|width=100%
|height=360px
|center=
|zoom=15
|service=
}}
|
지도를 불러오는 중...
|
Lines
- 마커들 사이의 경로를 그리고자 할 때에는 아래의 예시와 같이 line 항목을 추가한다.
|lines=Location1:Location2:Location3~PopupTitle~PopupText~LineColor~LineOpacity~LineThickness;
- LineColor: 라인의 색상 지정. (html 색상 코드 참조)
- LineOpacity: 라인의 투명도 지정. (0.1 ~ 1 사이 숫자)
- LineThickness: 라인의 굵기 지정. (1부터 지정 가능)
{{#display_map:
37.55546,126.93702~신촌역~신촌역3번출구;
37.56637,126.93698~연세대학교 외솔관~정문에서 너무 멀어요~File:Marker.png;
37.56494, 126.93435~연세대학교 삼성관~버블티 맛집
* 딸기버블티
* 흑당버블티;
|lines=37.55546,126.93702:37.56637,126.93698~신촌역→외솔관~도보 20분 소요~tomato~1~2;
37.56637,126.93698, 37.56494, 126.93435~외솔관→삼성관~등산화 필수~blue~0.8~3;
37.56494, 126.93435:37.55546,126.93702~하굣길~버블티와 함께하는 하굣길~green~0.5~1.5;
|width=100%
|height=360px
|center=
|zoom=
|service=
}}
|
지도를 불러오는 중...
|