"나의 전자지도 제작 방법"의 두 판 사이의 차이
DH 교육용 위키
(→Path) |
(→응용) |
||
38번째 줄: | 38번째 줄: | ||
43.224024, -70.28301, 2 | 43.224024, -70.28301, 2 | ||
45.214425, -72.48114, 3 | 45.214425, -72.48114, 3 | ||
− | |||
</googlemap> | </googlemap> | ||
44번째 줄: | 43번째 줄: | ||
<googlemap lat="42.711618" lon="-73.205112" zoom="5"> | <googlemap lat="42.711618" lon="-73.205112" zoom="5"> | ||
3#000000 | 3#000000 | ||
+ | 42.711618, -73.25112, 1 | ||
+ | 43.224024, -70.28301, 2 | ||
+ | 45.214425, -72.48114, 3 | ||
+ | </googlemap> | ||
+ | </pre> | ||
+ | *Path에 해당되는 좌표값을 입력하고, 첫줄에 Path 속성 설정하기 | ||
+ | **3#000000 | ||
+ | ***3: Path 굵기 | ||
+ | ***<nowiki>#</nowiki>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> | ||
+ | |||
+ | <pre> | ||
+ | <googlemap lat="42.711618" lon="-73.205112" zoom="5"> | ||
+ | 3#000000 (#80FFFFFF) | ||
42.711618, -73.25112, 1 | 42.711618, -73.25112, 1 | ||
43.224024, -70.28301, 2 | 43.224024, -70.28301, 2 | ||
50번째 줄: | 71번째 줄: | ||
</googlemap> | </googlemap> | ||
</pre> | </pre> | ||
− | * | + | *Areas에 해당되는 좌표값을 입력하고, 첫줄에 Areas 속성 설정하기 |
**3#000000 | **3#000000 | ||
− | ***3: | + | ***3: Path 굵기 |
− | ***<nowiki>#</nowiki>000000: | + | ***<nowiki>#</nowiki>000000: Path 색상 코드 |
+ | **#80FFFFFF | ||
+ | ***80: 투명도 | ||
+ | ***FFFFFF: Areas 색상 | ||
[[분류: 튜토리얼]] | [[분류: 튜토리얼]] |
2017년 5월 30일 (화) 14:11 판
목차
나의 전자지도 예시
나의 전자지도 제작 방법
- 전자지도 상에 표시할 관심 지점(Point of Interst, POI)을 정한다.
- 관심 지점의 경위도 좌표를 구한다.
- 구글 맵 상에 찾고자 하는 지점을 검색
- '구글 맵'에 표시된 관심 지점 위에서 마우스 오른쪽 버튼 클릭한 후, "이곳이 궁금한가요?"를 선택
- '구글 맵'이 알려주는 경도, 위도 값을 복사
- 나의 위키 문서에 다음과 같이 CODING
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>
- Path에 해당되는 좌표값을 입력하고, 첫줄에 Path 속성 설정하기
- 3#000000
- 3: Path 굵기
- #000000: Path 색상 코드
- 3#000000
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>
- Areas에 해당되는 좌표값을 입력하고, 첫줄에 Areas 속성 설정하기
- 3#000000
- 3: Path 굵기
- #000000: Path 색상 코드
- 80FFFFFF
- 80: 투명도
- FFFFFF: Areas 색상
- 3#000000