"나의 전자지도 제작 방법"의 두 판 사이의 차이

workshop
둘러보기로 가기 검색하러 가기
(→‎Lines/Polygons/Circles)
 
(같은 사용자의 중간 판 16개는 보이지 않습니다)
7번째 줄: 7번째 줄:
 
*[https://www.semantic-mediawiki.org/wiki/Extension:Maps/Displaying_maps overview]
 
*[https://www.semantic-mediawiki.org/wiki/Extension:Maps/Displaying_maps overview]
  
−
==전자지도 예시==
+
 
 +
==위경도 좌표 구하기==
 +
#전자지도 상에 표시할 관심 지점(Point of Interst, POI)을 정한다.
 +
#관심 지점의 위경도 좌표를 구한다.
 +
## [http://maps.google.com 구글 맵] 상에 찾고자 하는 지점을 검색
 +
## '구글 맵'에 표시된 관심 지점 위에서 마우스 오른쪽 버튼 클릭한 후, "이곳이 궁금한가요?"를 선택
 +
## '구글 맵'이 알려주는 위도, 경도 값을 복사
 +
 
 +
==Spots==
 +
*spots 입력 순서
 +
**address~Popuptitle~Popuptext~File:CustomIcon~Group~Inline label~File:VisitedIcon
 
<pre>
 
<pre>
 
{{#display_map:
 
{{#display_map:
19번째 줄: 29번째 줄:
 
*서울대학교 부속국민학교(1947-1950, 1953-1975)
 
*서울대학교 부속국민학교(1947-1950, 1953-1975)
 
*헌법재판소(1988-1993);
 
*헌법재판소(1988-1993);
−
|service=googlemaps
+
|service=leaflet
 +
|width=100%
 +
|height=700px
 +
|type=roadmap
 +
|types=roadmap, satellite, hybrid, terrain
 +
|typestyle=dropdown
 +
|resizable=yes
 +
|searchmarkers=all
 
}}
 
}}
−
Location~Popuptitle~Popuptext~File:CustomIcon~Group~Inline label~File:VisitedIcon
 
 
</pre>
 
</pre>
 
{{#display_map:
 
{{#display_map:
33번째 줄: 49번째 줄:
 
*서울대학교 부속국민학교(1947-1950, 1953-1975)
 
*서울대학교 부속국민학교(1947-1950, 1953-1975)
 
*헌법재판소(1988-1993);
 
*헌법재판소(1988-1993);
−
|service=googlemaps
+
|service=leaflet
−
}}
+
|width=100%
−
 
+
|height=700px
−
==위경도 좌표 구하기==
 
−
#전자지도 상에 표시할 관심 지점(Point of Interst, POI)을 정한다.
 
−
#관심 지점의 위경도 좌표를 구한다.
 
−
## [http://maps.google.com 구글 맵] 상에 찾고자 하는 지점을 검색
 
−
## '구글 맵'에 표시된 관심 지점 위에서 마우스 오른쪽 버튼 클릭한 후, "이곳이 궁금한가요?"를 선택
 
−
## '구글 맵'이 알려주는 위도, 경도 값을 복사
 
−
 
 
−
==Spots==
 
−
<pre>
 
−
{{#display_map:
 
−
37.555186,126.970743~서울역~[[서울역]];
 
−
37.559915,126.975313~숭례문~[[숭례문(남대문)]];
 
−
|service=googlemaps
 
−
|width=70%
 
−
|height=500px
 
−
|type=roadmap
 
−
|types=roadmap, satellite, hybrid, terrain
 
−
|typestyle=dropdown
 
−
|resizable=yes
 
−
|searchmarkers=all
 
−
}}
 
−
</pre>
 
−
{{#display_map:
 
−
37.555186,126.970743~서울역~[[서울역]];
 
−
37.559915,126.975313~숭례문~[[숭례문(남대문)]];
 
−
|service=googlemaps
 
−
|width=70%
 
−
|height=500px
 
 
|type=roadmap
 
|type=roadmap
 
|types=roadmap, satellite, hybrid, terrain
 
|types=roadmap, satellite, hybrid, terrain
72번째 줄: 60번째 줄:
  
 
==Lines/Polygons/Circles==
 
==Lines/Polygons/Circles==
 +
*lines/polygons 입력 순서
 +
**address:address:address~PopupTitle~PopupText~BorderColor~BorderOpacity~BorderThickness~FillColor~FillOpacity~Show only on hover
 +
*circles 입력 순서
 +
**address:Diameter~~PopupTitle~PopupText~BorderColor~BorderOpacity~BorderThickness~FillColor~FillOpacity
 
<pre>
 
<pre>
 
{{#display_map:
 
{{#display_map:
 +
37.555186,126.970743~서울역~[[서울역]];
 
|lines=37.555186,126.970743:37.559915,126.975313:37.562092,126.979905~서울역에서 한국은행까지~[[서울역]]->[[숭례문]]->[[한국은행]]~orange~1~7;
 
|lines=37.555186,126.970743:37.559915,126.975313:37.562092,126.979905~서울역에서 한국은행까지~[[서울역]]->[[숭례문]]->[[한국은행]]~orange~1~7;
 
|polygons=37.566624, 126.976857:37.566667, 126.975162:37.566956, 126.974379:37.567543, 126.973961:37.567483, 126.973231:37.566539, 126.973488:37.565255, 126.973456:37.564745, 126.974025:37.564915, 126.975860:37.564804, 126.976772:37.565748, 126.976901~덕수궁~덕수궁~red~ ~ ~tomato~0.8;
 
|polygons=37.566624, 126.976857:37.566667, 126.975162:37.566956, 126.974379:37.567543, 126.973961:37.567483, 126.973231:37.566539, 126.973488:37.565255, 126.973456:37.564745, 126.974025:37.564915, 126.975860:37.564804, 126.976772:37.565748, 126.976901~덕수궁~덕수궁~red~ ~ ~tomato~0.8;
 
|circles=37.571277, 126.988259:50~탑골공원~ ~blue~ ~ ~navy
 
|circles=37.571277, 126.988259:50~탑골공원~ ~blue~ ~ ~navy
−
|service=googlemaps
+
|service=leaflet
−
|width=70%
+
|width=100%
−
|height=500px
+
|height=700px
 
|center=37.564908, 126.977982
 
|center=37.564908, 126.977982
 
|zoom=14
 
|zoom=14
88번째 줄: 81번째 줄:
 
|searchmarkers=all
 
|searchmarkers=all
 
}}
 
}}
−
address:address:address~PopupTitle~PopupText~BorderColor~BorderOpacity~BorderThickness~FillColor~FillOpacity~Show only on hover
 
−
address:Diameter~~PopupTitle~PopupText~BorderColor~BorderOpacity~BorderThickness~FillColor~FillOpacity
 
 
</pre>
 
</pre>
 
{{#display_map:
 
{{#display_map:
 +
37.555186,126.970743~서울역~[[서울역]];
 
|lines=37.555186,126.970743:37.559915,126.975313:37.562092,126.979905~서울역에서 한국은행까지~[[서울역]]->[[숭례문]]->[[한국은행]]~orange~1~7;
 
|lines=37.555186,126.970743:37.559915,126.975313:37.562092,126.979905~서울역에서 한국은행까지~[[서울역]]->[[숭례문]]->[[한국은행]]~orange~1~7;
 
|polygons=37.566624, 126.976857:37.566667, 126.975162:37.566956, 126.974379:37.567543, 126.973961:37.567483, 126.973231:37.566539, 126.973488:37.565255, 126.973456:37.564745, 126.974025:37.564915, 126.975860:37.564804, 126.976772:37.565748, 126.976901~덕수궁~덕수궁~red~ ~ ~tomato~0.8;
 
|polygons=37.566624, 126.976857:37.566667, 126.975162:37.566956, 126.974379:37.567543, 126.973961:37.567483, 126.973231:37.566539, 126.973488:37.565255, 126.973456:37.564745, 126.974025:37.564915, 126.975860:37.564804, 126.976772:37.565748, 126.976901~덕수궁~덕수궁~red~ ~ ~tomato~0.8;
 
|circles=37.571277, 126.988259:50~탑골공원~ ~blue~ ~ ~navy
 
|circles=37.571277, 126.988259:50~탑골공원~ ~blue~ ~ ~navy
−
|service=googlemaps
+
|service=leaflet
−
|width=70%
+
|width=100%
−
|height=500px
+
|height=700px
 
|center=37.564908, 126.977982
 
|center=37.564908, 126.977982
 
|zoom=14
 
|zoom=14

2023년 7월 17일 (월) 11:45 기준 최신판

이 문서는 Extension:Maps의 기능을 중심으로 작성되었습니다.
(DH WORKSHOP WIKI에 설치된 Extension:Maps 버전 5.6)


위경도 좌표 구하기

  1. 전자지도 상에 표시할 관심 지점(Point of Interst, POI)을 정한다.
  2. 관심 지점의 위경도 좌표를 구한다.
    1. 구글 맵 상에 찾고자 하는 지점을 검색
    2. '구글 맵'에 표시된 관심 지점 위에서 마우스 오른쪽 버튼 클릭한 후, "이곳이 궁금한가요?"를 선택
    3. '구글 맵'이 알려주는 위도, 경도 값을 복사

Spots

  • spots 입력 순서
    • address~Popuptitle~Popuptext~File:CustomIcon~Group~Inline label~File:VisitedIcon
{{#display_map:
37.559915,126.975313~숭례문~[[숭례문(남대문)]];
37.567249, 127.003736~[[훈련원 터]]~
*훈련원
*경성사범학교 및 부속소학교(1921-1945)
*서울대학교 사범대학(1946-1950)
*서울대학교 부속중학교(1946-1947)
*서울대학교 부속고등학교(1946-1947, 1954-1967)
*서울대학교 부속국민학교(1947-1950, 1953-1975)
*헌법재판소(1988-1993);
|service=leaflet
|width=100%
|height=700px
|type=roadmap
|types=roadmap, satellite, hybrid, terrain
|typestyle=dropdown
|resizable=yes
|searchmarkers=all
}}
지도를 불러오는 중...

Lines/Polygons/Circles

  • lines/polygons 입력 순서
    • address:address:address~PopupTitle~PopupText~BorderColor~BorderOpacity~BorderThickness~FillColor~FillOpacity~Show only on hover
  • circles 입력 순서
    • address:Diameter~~PopupTitle~PopupText~BorderColor~BorderOpacity~BorderThickness~FillColor~FillOpacity
{{#display_map:
37.555186,126.970743~서울역~[[서울역]];
|lines=37.555186,126.970743:37.559915,126.975313:37.562092,126.979905~서울역에서 한국은행까지~[[서울역]]->[[숭례문]]->[[한국은행]]~orange~1~7;
|polygons=37.566624, 126.976857:37.566667, 126.975162:37.566956, 126.974379:37.567543, 126.973961:37.567483, 126.973231:37.566539, 126.973488:37.565255, 126.973456:37.564745, 126.974025:37.564915, 126.975860:37.564804, 126.976772:37.565748, 126.976901~덕수궁~덕수궁~red~ ~ ~tomato~0.8;
|circles=37.571277, 126.988259:50~탑골공원~ ~blue~ ~ ~navy
|service=leaflet
|width=100%
|height=700px
|center=37.564908, 126.977982
|zoom=14
|type=roadmap
|types=roadmap, satellite, hybrid, terrain
|typestyle=default
|resizable=yes
|searchmarkers=all
}}
지도를 불러오는 중...
원본 주소 "http://dh.aks.ac.kr/workshop/index.php?title=나의_전자지도_제작_방법&oldid=35099"