Google Map View 구현
학습목표 교육목표 Google Map View 구현 Google Map 지원 Emulator 생성 Google Map API Key 위도 / 경도구하기 위도 / 경도에따른 Google Map View 구현 Zoom Controller 구현
Google Map View (1) () Google g Map View 기능 Google Map 을보여주는기능제공
Google Map View (2) MapView 클래스의 Method Method 설명 setstreetview(boolean) settraffic(boolean) setsatellite(boolean) 도로보기 교통보기 위성사진모드 위성사진모드
Google Map View (3) Map View 클래스 Map 제어기능 Method 설명 getcontroller() MapController 클래스반환 MapController 클래스 Map 제어 Method 설명 animateto() setzoom(boolean) Map 이동기능 Zoom In 기능
Google Map 지원 Emulator 생성 (1) () [Window > Android SDK and AVD Manager] 1. 클릭
Google Map 지원 Emulator 생성 (2) Android SDK and AVD Manager Virtual Device 등록 2. 클릭
Google Map 지원 Emulator 생성 (3) AVD 생성 3. MyGoogleMap7.0 입력 4. 선택 5. 클릭 6. 클릭
Google Map 지원 Emulator 생성 (4) AVD 생성결과 7. AVD 생성확인
Google Map View 구현 (1) () Android 프로젝트생성 프로젝트명 : Android_GoogleMapView 1. 클릭
Google Map View 구현 (2) 2. Android_GoogleMapView 입력 3. 클릭 4. Android_GoogleMapView 입력 5. com.inhatc.android_googlemapview 입력 6. Android_GoogleMapView 입력 7. 클릭
UI 설계 Google Map View 구현 (3) 8. UI 설계및속성지정
Google Map View 구현 (4) Text View 삭제 10. 클릭 9. 클릭 11. 클릭
Google Map View 구현 (5) Map View 추가 Main.xml 수정 12. XML code 수정확인
Google Map View 구현 (6) Map View 추가확인 14. Map View 추가확인 13. 클릭
Google Map View 구현 (7) Main.xml 저장 15. 클릭 16. 클릭
Google Map View 구현 (8) AndroidManifest.xml 수정 17. XML code 수정확인
Google Map View 구현 (9) AndroidManifest.xml <uses-permission> Tag 애플리케이션이 device data 에접근허가를얻기위한 tag Format <uses-permission android:name="android.permission.internet" /> android.permission. Field INTERNET RECEIVE_SMS ACCESS_COARSE_LOCATION ACCESS_FINE_LOCATION 설명 인터넷접속 SMS 메시지위치정보 (Cell-ID, WiFi) 위치정보 (GPS)
Google Map View 구현 (10) Android_GoogleMapView.java 18. Coding
Google Map View 구현 (11) R.java 19. id 클래스변수추가확인
Google Map View 구현 (12) Android 프로젝트실행 20. 클릭 21. 클릭 22. 클릭
Google Map View 구현 (13) 실행결과 7. 클릭 24. 결과확인
실습 1 : Google Map View 구현 Android_GoogleMapView ( 실습시간 : 30 분 ) 아래그림과같이 Google Map View 에지도가출력되도록구현 하시오. Google Map API Key 등록
실습 1 : Google Map View 구현 (1) () Main.xml 수정 Map API Key 등록 1. XML code 수정확인
실습 1 : Google Map View 구현 (2) Main.xml 저장 2. 클릭
실습 1 : Google Map View 구현 (3) Android 프로젝트실행 3. 클릭 4. 클릭 5. 클릭
실습 1 : Google Map View 구현 (4) 실행결과 7. 클릭 7. 결과확인
Google Map API Key y() (1) Google g Map API Key 기능 Google Map 서비스를애플리케이션에서사용할수있도록지원 Map API Key 획득과정 debug.keystore 파일존재확인 keytool.exe 파일실행 MD5 fingerprint i 획득 http://code.google.com/intl/ko/android/maps-api-signup.html 로그인 MD5 fingerprint 등록 Google 로그인 Map API Key 생성 Main.xml 파일에 Map API Key 등록
Google Map API Key y( (2) debug.keystore 파일 기능 MD5 fingerprint 획득에필요 위치 (Windows 7).android 폴더
Google Map API Key y( (3) MD5 fingerprint 획득 방법 Keytool.exe 파일실행으로생성 Keytool.exe 위치
Google Map API Key y( (4) Keytool.exe 사용법 [ 명령어형식 ] keytool list alias androiddebugkey keystore debug.keystore storepass android keypass android Option 설명 -list -keystore <keystore-name>.keystore -storepass <password> -alias <alias_name> -keypass <password> MD5 fingerprint 출력 Target key 를포함한 Keystore 명 Keystore 를위한 Password MD5 certificate fingerprint 생성을위한 key 의별명 Key 를위한 password
Google Map API Key y( (5) Keytool.exe 파일 path 지정 C:\Program Files\Java\jdk1.6.0_17\bin 1. 클릭
Google Map API Key y( (6) 2. 클릭 3. 클릭 4. C:\Program Files\Java\jdk1.6.0_17\bin 입력 5. 클릭
Google Map API Key y( (7) Keytool.exe 실행 6..android 폴더로이동 7. Keytool 명령어인수입력및실행 keytool list alias androiddebugkey keystore debug.keystore storepass android keypass android
Google Map API Key y( (8) URL http://code.google.com/intl/ko/android/maps-api-signup.html 8. Url 입력 http://code.google.com/intl/ko/android/maps-api-signup.html
Google Map API Key y( (9) MD5 fingerprint 입력 9. 클릭 10. MD5 fingerprint i 입력 11. 클릭
Google Map API Key y( (10) Google 로그인 12. Email & Password 입력 13. 클릭
Google Map API Key y( (11) API Key 생성 14. API Key 생성확인
Google Map API Key y( (12) Main.xml 파일에 API Key 등록 Android : apikey 15. API Key 등록
Google Map API Key y( (13) Main.xml 저장 16. 클릭
위도 / 경도구하기 (1) () 위도 (Latitude) / 경도 (Longitude) 구하기 Google 웹사이트 http://maps.google.com/
위도 / 경도구하기 (2) Hawaii 위도 / 경도구하기 1. Hawaii 입력 2. 클릭 3. Hawaii 입력 4. 클릭
위도 / 경도구하기 (3) 5. 위도 / 경도확인 6. 클릭
실습 2 : 위도 / 경도구현 Android_GoogleMapView ( 실습시간 : 30 분 ) 아래그림과같이지도의초기화면에 Hawaii 가출력되도록 Android_GoogleMapView.java 파일을수정하시오. 단계 1 : Hawaii( 위도 / 경도 : 20.282809 / -155.566406) 구하기 단계 2 : Android_GoogleMapView.java 파일수정
실습 2 : 위도 / 경도구현 (1) () Android_GoogleMapView.java 파일수정 1. Coding
실습 2 : 위도 / 경도구현 (2) Android_GoogleMapView.java 파일저장 2. 클릭
실습 2 : 위도 / 경도구현 (3) Android 프로젝트실행 3. 클릭 4. 클릭 5. 클릭
실습 2 : 위도 / 경도구현 (4) 실행결과 6. 클릭 7. 결과확인
실습 3 : Zoom Controller I 구현 Android_GoogleMapView ( 실습시간 : 30 분 ) 아래그림과같이 Android_GoogleMapView.java 파일에 Zoom In / Out 기능을구현하시오. 단계 1 : Hawaii( 위도 / 경도 : 20.282809 / -155.566406) 구하기 단계 2 : Android_GoogleMapView.java 파일수정 Zoom Controller
실습 3 : Zoom Controller I 구현 (1) () Android_GoogleMapView.java 파일수정 1. Coding
실습 3 : Zoom Controller I 구현 (2) Android_GoogleMapView.java 파일저장 2. 클릭
실습 3 : Zoom Controller I 구현 (3) Android 프로젝트실행 3. 클릭 4. 클릭 5. 클릭
실습 3 : Zoom Controller I 구현 (4) 실행결과 6. 클릭 7. 결과확인
실습 4 : Zoom Controller II 구현 Android_GoogleMapView ( 실습시간 : 30 분 ) 아래그림과같이 Android_GoogleMapView.java 파일에 Zoom In / Out 기능을구현하시오. 단계 1 : Seoul( 위도 / 경도 : 37.579413 / 126.980667) 구하기 단계 2 : Android_GoogleMapView.java 파일수정하여 Zoom Controller를화면 Left_Top 에표시하기 Zoom Controller
실습 4 : Zoom Controller II 구현 (1) () Android_GoogleMapView.java 파일수정 서울 ( 위도 / 경도 : 37.579413/126.980667) 980667) 위치지정 1. Coding
실습 4 : Zoom Controller II 구현 (2) Zoom Controller 구현 2. Coding
실습 4 : Zoom Controller II 구현 (3) Android_GoogleMapView.java 파일저장 3. 클릭
실습 4 : Zoom Controller II 구현 (4) Android 프로젝트실행 4. 클릭 5. 클릭 6. 클릭
실습 4 : Zoom Controller II 구현 (5) 실행결과 7. 클릭 8. Zoom Controller
실습 4 : Zoom Controller II 구현 (6) 9. Zoom In/Out 테스트
학습요약 Google g Map View 구현 Google Map 지원 Emulator 생성 Google Map API Key 위도 / 경도구하기 위도 / 경도에따른 Google Map View 구현 Zoom Controller 구현