Web/Google Maps
-
[Google Maps] 6. 구글 맵스 타입(Types) - 구글 맵 API 강좌Web/Google Maps 2016. 2. 29. 14:12
W3School 를 참고하여 작성하는 Google Map API 강좌입니다. 구성은 아래와 같습니다. 아래 링크를 통해서 하나하나 익히시면 됩니다. 구글 맵 API 기본(Basic)구글 맵 API 오버레이(Overlays)구글 맵 API 이벤트(Events)구글 맵 API 제어(Controls)구글 맵 API 타입(Types) Google Maps Types Google Maps - Basic Map Types 구글 맵스 API안에는 아래와 같은 종류의 맵 타입을 지원합니다: - ROADMAP(normal, default 2D map) - SATELLITE(photographic map) - HYBRID(photographic map + road and city names) - TERRAIN(map wi..
-
[Google Maps] 5. 구글 맵스 제어(Controls) - 구글 맵 API 강좌Web/Google Maps 2016. 2. 28. 16:29
W3School 를 참고하여 작성하는 Google Map API 강좌입니다. 구성은 아래와 같습니다. 아래 링크를 통해서 하나하나 익히시면 됩니다. 구글 맵 API 기본(Basic)구글 맵 API 오버레이(Overlays)구글 맵 API 이벤트(Events)구글 맵 API 제어(Controls)구글 맵 API 타입(Types) Google Maps Controls Google Maps - The Default Controls 기본 구글 맵을 보면, 기본 제어 셋을 볼 수 있습니다: - Zoom: 맵의 줌 레벨을 제어하는 버튼인 "+/-" 슬라이더 - Pan: panning을 하기 위한 pan 컨트롤 - MapType: 맵 타입을 변경하기 위한 버튼 - Street View: 스트릿 뷰를 보기위한 버튼 G..
-
[Google Maps] 4. 구글 맵스 이벤트(Events) - 구글 맵 API 강좌Web/Google Maps 2016. 2. 28. 16:05
W3School 를 참고하여 작성하는 Google Map API 강좌입니다. 구성은 아래와 같습니다. 아래 링크를 통해서 하나하나 익히시면 됩니다. 구글 맵 API 기본(Basic)구글 맵 API 오버레이(Overlays)구글 맵 API 이벤트(Events)구글 맵 API 제어(Controls)구글 맵 API 타입(Types) Google Maps Events Click The Marker to Zoom 이제 사용자가 마커를 클릭했을 때 줌을 하도록 해보곘습니다. * markerZoom.html 12345678910111213141516171819202122232425262728293031323334353637383940414243 var myCenter=new google.maps.LatLng(37.2..
-
[Google Maps] 3. 구글 맵스 오버레이(Overlays) - 구글 맵 API 강좌Web/Google Maps 2016. 2. 28. 15:48
W3School 를 참고하여 작성하는 Google Map API 강좌입니다. 구성은 아래와 같습니다. 아래 링크를 통해서 하나하나 익히시면 됩니다. 구글 맵 API 기본(Basic)구글 맵 API 오버레이(Overlays)구글 맵 API 이벤트(Events)구글 맵 API 제어(Controls)구글 맵 API 타입(Types) Google Maps Overlays 구글 맵에 마커를 추가합니다. Google Maps - Overlays 오버레이(Overlays)는 맵에 위도 경도 좌표를 표시하기위한 객체입니다. 구글 맵은 여러 타입의 오버레이를 가지고 있습니다: - 마커(Marker): 맵에 단일 위치를 표시. 마커는 또한 특정 아이콘 이미지를 통해 표시할 수 있습니다. - 선(Polyline): 맵에 선..
-
[Google Maps] 2. 구글 맵스 기본 - 구글 맵 API 강좌Web/Google Maps 2016. 2. 28. 15:07
W3School 를 참고하여 작성하는 Google Map API 강좌입니다. 구성은 아래와 같습니다. 아래 링크를 통해서 하나하나 익히시면 됩니다. 구글 맵 API 기본(Basic) 구글 맵 API 오버레이(Overlays) 구글 맵 API 이벤트(Events) 구글 맵 API 제어(Controls) 구글 맵 API 타입(Types) Google Maps Basic Create a Basic Google Map 아래 예제 코드는 한국을 기준으로 구글 맵을 생성하였습니다. 직접 코드를 입력해서 실행해보세요. * googlemaps.html 12345678910111213141516171819202122function initialize() { var mapProp = { center:new google.m..
-
[Google Maps] 1. 개요(Tutorial) - 구글 맵 API 강좌Web/Google Maps 2016. 2. 28. 14:32
W3School 를 참고하여 작성하는 Google Map API 강좌입니다. 구성은 아래와 같습니다. 아래 링크를 통해서 하나하나 익히시면 됩니다. 구글 맵 API 기본(Basic) 구글 맵 API 오버레이(Overlays) 구글 맵 API 이벤트(Events) 구글 맵 API 제어(Controls) 구글 맵 API 타입(Types) 순차적으로 봐주시면 아마 익히시기 편리하실 겁니다. 참조를 원하시면 각 장을 선택해주시면 됩니다. Google Maps API Tutorial What is Google Maps? 구글 맵은 웹 사이트에 맵을 표시하는데 사용됩니다. Google Maps API 이번 튜토리얼은 Google Maps API(Application Programming Interface)에 관한 ..