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

workshop
둘러보기로 가기 검색하러 가기
(Lines)
(Lines)
63번째 줄: 63번째 줄:
 
{{#display_map:
 
{{#display_map:
 
|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.566071,126.977394:37.566114,126.978724:37.565051,126.978445:37.565111,126.977383~서울광장~서울시청 앞 서울광장~tomato
+
|polygons=37.566071,126.977394:37.566114,126.978724:37.565051,126.978445:37.564966,126.977404~서울광장~서울시청 앞 서울광장~red~ ~tomato~8
 
|service=googlemaps3
 
|service=googlemaps3
 
|width=70%
 
|width=70%

2019년 7월 31일 (수) 06:32 판

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

전자지도 예시

<display_map height="300px" width="70%" scrollwheelzoom="on" service="google">
37.555186,126.970743~서울역~[[서울역]]
37.559915,126.975313~숭례문~[[숭례문(남대문)]]
</display_map>
지도를 불러오는 중...

경위도 좌표 구하기

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

Spots

{{#display_map:
37.555186,126.970743~서울역~[[서울역]];
37.559915,126.975313~숭례문~[[숭례문(남대문)]];
|service=googlemaps3
|width=70%
|height=500px
|type=roadmap
|types=roadmap, satellite, hybrid, terrain
|typestyle=dropdown
|resizable=yes
|searchmarkers=all
}}
지도를 불러오는 중...

Lines

{{#display_map:lines=
37.555186,126.970743:37.559915,126.975313:37.562092,126.979905~서울역에서 한국은행까지~[[서울역]]->[[숭례문]]->[[한국은행]]
|service=leaflet
|center=37.555186,126.970743
|copycoords=yes
}}

지도를 불러오는 중...

googlemap 요소의 Data Value

36.56591, 127.517885, [[청주 이항희 가옥]]
--------  ----------  --------------------
위도      경도        POI 이름 및 링크

응용

Path

<googlemap lat="42.711618" lon="-73.205112" zoom="5"> 3#000000 42.711618, -73.25112, 1 43.224024, -70.28301, 2 45.214425, -72.48114, 3 </googlemap>

<googlemap lat="42.711618" lon="-73.205112" zoom="5">
3#000000
42.711618, -73.25112, 1
43.224024, -70.28301, 2
45.214425, -72.48114, 3
</googlemap>
  • Path에 해당되는 좌표값을 입력하고, 첫줄에 Path 속성 설정하기
    • 3#000000
      • 3: Path 굵기
      • #000000: Path 색상 코드

Areas

<googlemap lat="42.711618" lon="-73.205112" zoom="5"> 3#000000 (#80FFFFFF) 42.711618, -73.25112, 1 43.224024, -70.28301, 2 45.214425, -72.48114, 3 42.711618, -73.25112, 4 </googlemap>

<googlemap lat="42.711618" lon="-73.205112" zoom="5">
3#000000 (#80FFFFFF)
42.711618, -73.25112, 1
43.224024, -70.28301, 2
45.214425, -72.48114, 3
42.711618, -73.25112, 4
</googlemap>
  • Areas에 해당되는 좌표값을 입력하고, 첫줄에 Areas 속성 설정하기
  • Areas 속성
    • 3#000000
      • 3: Path 굵기
      • #000000: Path 색상 코드
    • #80FFFFFF
      • 80: 투명도. 투명도 값: 00 ~ FF
      • #FFFFFF: Areas 색상


Marker 설정하기

<googlemap lat="42.711618" lon="-73.205112" zoom="5" icons="http://digerati.aks.ac.kr/DhLab/2017/111/Tutorials/marker{label}.png"> (C) 45.688323,-74.465706, 4 6#000000 (B) 42.711618, -73.25112, 1 (B) 43.224024, -70.28301, 2 (B) 45.214425, -72.48114, 3 </googlemap>

<googlemap lat="42.711618" lon="-73.205112" zoom="5" icons="http://digerati.aks.ac.kr/DhLab/2017/111/Tutorials/marker{label}.png">
(C) 45.688323,-74.465706, 4
6#000000
(B) 42.711618, -73.25112, 1
(B) 43.224024, -70.28301, 2
(B) 45.214425, -72.48114, 3
</googlemap>

KML 파일 불러오기

<googlemap lat="36.216770" lon="127.613973" type="hybrid" zoom="8"> http://digerati.aks.ac.kr/DhLab/2017/111/Tutorials/E001.kml </googlemap>

<googlemap lat="36.216770" lon="127.613973" type="hybrid" zoom="8"> 
http://digerati.aks.ac.kr/DhLab/2017/111/Tutorials/E001.kml
</googlemap>

KML로 내보내기

예시: <googlemapkml article="나의 전자지도 제작 방법">View in Google Earth</googlemapkml>

<googlemapkml article="나의 전자지도 제작 방법">View in Google Earth</googlemapkml>