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

workshop
둘러보기로 가기 검색하러 가기
5번째 줄: 5번째 줄:
  
 
==나의 전자지도 예시==
 
==나의 전자지도 예시==
 +
<nowiki>
 +
<display_map height="300px" width="70%" scrollwheelzoom="on" service="google">
 +
37.555186,126.970743~서울역~[[서울역]]
 +
37.559915,126.975313~숭례문~[[숭례문(남대문)]]
 +
</display_map>
 +
</nowiki>
 
<display_map height="300px" width="70%" scrollwheelzoom="on" service="google">
 
<display_map height="300px" width="70%" scrollwheelzoom="on" service="google">
 
37.555186,126.970743~서울역~[[서울역]]
 
37.555186,126.970743~서울역~[[서울역]]

2019년 7월 29일 (월) 09:24 판

이 문서는 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. '구글 맵'이 알려주는 경도, 위도 값을 복사
  3. 나의 위키 문서에 다음과 같이 입력

googlemap 요소의 Attributes

  • width .... 지도 표시 창의 넓이: 절대값 또는 상대값으로 표시 (400. 600, 100%, 90%)
  • height .... 지도 표시 창의 높이: 절대값으로 표시
  • lat .... latitude, 표시할 지도 중심부의 위도
  • lon .... longitude, 표시할 지도 중심부의 경도
  • type .... 표시할 지도의 초기 형태: normal, satellite, hybrid
  • zoom .... 축척 0~19
  • icon .... 관심 지점 표시에 쓸 아이콘 이미지 URL

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>
원본 주소 "http://dh.aks.ac.kr/workshop/index.php?title=나의_전자지도_제작_방법&oldid=933"