Google Maps Open API Google API KEY http

Google Maps Open API § Google에 등록을 해서 API KEY를 얻어와야 함. http: //www.

Google Maps Open API Artificial Intelligence Laboratory

Google Maps Open API § 특징 - Javascript 기반의 통신 방법을 이용함 - AJAX

실습 § new GMap 2로 표시할 div의 id(여기서는 "map")를 넘겨서 지도 오브젝트를 생성합니다. Artificial

실습 § 컨트롤 위치 수정 - Ex) var top. Left 1 = new GControl.

실습 § 가운데 위도, 경도 표시 Artificial Intelligence Laboratory

실습 § 주소 검색 Artificial Intelligence Laboratory

실습 § Text 및 Button 컨트롤 작성 Artificial Intelligence Laboratory

실습 § 주소 검색 코드 Artificial Intelligence Laboratory

실험 § 기본 구성 Artificial Intelligence Laboratory

실험 § Jung-Do 클릭 시 Artificial Intelligence Laboratory

실험 § Check Point 클릭 시 현 좌표의 중심 좌표 출력 Artificial Intelligence Laboratory

Slides: 25

Download presentation

Google Maps Open API § Google에 등록을 해서 API KEY를 얻어와야 함. http: //www. google. com/apis/maps Artificial Intelligence Laboratory

Google Maps Open API Artificial Intelligence Laboratory

Google Maps Open API § 특징 - Javascript 기반의 통신 방법을 이용함 - AJAX 기반의 비동기 웹로딩 방식 사용 § 참고 사이트 - Google Maps API Reference http: //code. google. com/apis/maps/documentation/reference. html - Google Maps API Concepts http: //www. google. com/apis/maps/documentation/ - Google Maps API Examples http: //code. google. com/apis/maps/documentation/examples/ - Google Maps API v 2 Documentation Examples http: //mapclick 2. googlepages. com/g. Map. Doc. html Artificial Intelligence Laboratory

실습 § new GMap 2로 표시할 div의 id(여기서는 "map")를 넘겨서 지도 오브젝트를 생성합니다. Artificial Intelligence Laboratory

실습 § 컨트롤 위치 수정 - Ex) var top. Left 1 = new GControl. Position(G_ANCHOR_TOP_LEFT, new GSize(80, 10)); map. add. Control(new GSmall. Map. Control(), top. Left 1) - GControl. Position § 첫번째 인자 : - G_ANCHOR_TOP_RIGHT G_ANCHOR_TOP_LEFT G_ANCHOR_BOTTOM_RIGHT G_ANCHOR_BOTTOM_LEFT § 두번째 인자: 모서리로 부터 떨어진 정도 Artificial Intelligence Laboratory