http://dh.aks.ac.kr/~mokpo/wiki/index.php?action=history&feed=atom&title=%EB%82%98%EC%9D%98_%EC%A0%84%EC%9E%90%EC%A7%80%EB%8F%84_%EC%A0%9C%EC%9E%91_%EB%B0%A9%EB%B2%95
나의 전자지도 제작 방법 - 편집 역사
2026-04-11T14:34:45Z
이 문서의 편집 역사
MediaWiki 1.31.7
http://dh.aks.ac.kr/~mokpo/wiki/index.php?title=%EB%82%98%EC%9D%98_%EC%A0%84%EC%9E%90%EC%A7%80%EB%8F%84_%EC%A0%9C%EC%9E%91_%EB%B0%A9%EB%B2%95&diff=1683&oldid=prev
Admin: 새 문서: ==나의 전자지도 예시== <googlemap width="600" height="300" lat="37.391794" lon="127.056611" type="normal" zoom="15" icon="http://maps.google.com/mapfiles/marker.png"> 37.3917...
2020-11-30T06:17:25Z
<p>새 문서: ==나의 전자지도 예시== <googlemap width="600" height="300" lat="37.391794" lon="127.056611" type="normal" zoom="15" icon="http://maps.google.com/mapfiles/marker.png"> 37.3917...</p>
<p><b>새 문서</b></p><div><br />
==나의 전자지도 예시==<br />
<googlemap width="600" height="300" lat="37.391794" lon="127.056611" type="normal" zoom="15" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.391794, 127.056611<br />
</googlemap><br />
<br />
==나의 전자지도 제작 방법==<br />
#전자지도 상에 표시할 관심 지점(Point of Interst, POI)을 정한다.<br />
#관심 지점의 경위도 좌표를 구한다.<br />
## [http://maps.google.com 구글 맵] 상에 찾고자 하는 지점을 검색<br />
## '구글 맵'에 표시된 관심 지점 위에서 마우스 오른쪽 버튼 클릭한 후, "이곳이 궁금한가요?"를 선택<br />
## '구글 맵'이 알려주는 경도, 위도 값을 복사<br />
#나의 위키 문서에 다음과 같이 CODING<br />
<br />
==googlemap 요소의 Attributes== <br />
*width .... 지도 표시 창의 넓이: 절대값 또는 상대값으로 표시 (400, 600, 100%, 90%)<br />
*height .... 지도 표시 창의 높이: 절대값으로 표시<br />
*lat .... latitude, 표시할 지도 중심부의 위도<br />
*lon .... longitude, 표시할 지도 중심부의 경도<br />
*type .... 표시할 지도의 초기 형태: normal, satellite, hybrid<br />
*zoom .... 축척 0~19<br />
*icon .... 관심 지점 표시에 쓸 아이콘 이미지 URL<br />
<br />
==googlemap 요소의 Data Value== <br />
<pre><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
-------- ---------- --------------------<br />
위도 경도 POI 이름 및 링크<br />
</pre><br />
<br />
=='''간단한 구글 맵''' 사용 예시==<br />
<br />
===스크립트===<br />
<pre><br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" <br />
icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
</pre><br />
<br />
===표시===<br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
<br />
==응용==<br />
<br />
===Path: 경로 표시=== <br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 선의 굵기 및 색상 값을 입력하고, 그 다음 줄부터 각 지점의 좌표와 이동 순서를 차례로 입력.<br />
* 선의 굵기 및 색상 지정 방법<br />
**3#000000 .... 3: 선 굵기, ##00FFFF: 선 색상<br />
<br />
===Areas: 구역 표시===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
</pre><br />
<br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 구역(Area) 표시 선의 굵기 및 색상 값을 입력하고, 두번째 줄부터 각 지점의 좌표를 차례로 입력.<br />
* 선의 굵기, 색상, 구역 내부 색상 지정 방법<br />
**3#00FFFF ..... 3: 선 굵기, #000000: 선 색상<br />
**(#40FFFF00) ..... 40: 투명도(투명도 값: 00 ~ FF), #FFFF00: 구역 내부 색상<br />
<br />
===Marker 설정하기===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
<br />
<html><br />
<img src="http://digerati.aks.ac.kr/VR/style/school.png" width="40"> http://digerati.aks.ac.kr/VR/style/school.png<br />
<br/><br/><br />
<img src="http://digerati.aks.ac.kr/VR/style/house.png" width="40"> http://digerati.aks.ac.kr/VR/style/house.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_b.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_b.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_r.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_r.png<br />
<br/><br<br />
</html><br />
<br />
===KML 파일 불러오기===<br />
<googlemap lat="36.216770" lon="127.613973" type="hybrid" zoom="8"> <br />
http://digerati.aks.ac.kr/DhLab/2017/111/Tutorials/E001.kml<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="36.216770" lon="127.613973" type="hybrid" zoom="8"> <br />
http://digerati.aks.ac.kr/DhLab/2017/111/Tutorials/E001.kml<br />
</googlemap><br />
</pre><br />
<br />
※ KML File Source 보기: [[E001.kml]]<br />
<br />
<!--<br />
===KML로 내보내기===<br />
예시: <googlemapkml article="나의 전자지도 제작 방법">View in Google Earth</googlemapkml><br />
<br />
<pre><br />
<googlemapkml article="나의 전자지도 제작 방법">View in Google Earth</googlemapkml><br />
</pre><br />
--><br />
<br />
[[분류: 튜토리얼]]</div>
Admin