"나의 전자지도 제작 방법"의 두 판 사이의 차이
DH 교육용 위키
64번째 줄: | 64번째 줄: | ||
<pre> | <pre> | ||
<googlemap lat="42.711618" lon="-73.205112" zoom="5"> | <googlemap lat="42.711618" lon="-73.205112" zoom="5"> | ||
− | 3#000000 (# | + | 3#000000 (#90FFFFFF) |
42.711618, -73.25112, 1 | 42.711618, -73.25112, 1 | ||
43.224024, -70.28301, 2 | 43.224024, -70.28301, 2 |
2017년 5월 30일 (화) 14:16 판
목차
나의 전자지도 예시
나의 전자지도 제작 방법
- 전자지도 상에 표시할 관심 지점(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 (#90FFFFFF) 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: 투명도
- FFFFFF: Areas 색상
- 3#000000