2647910
020.안드로이드 MapView API 사용해 보기
2656128
2009-04-07T10:50:12Z
http://zbum.springnote.com/pages/2647910
2009-02-06T09:44:00Z
<p>안드로이드 MapView API 사용에 대해 가이드 형식으로 소개한다.</p>
<p> </p>
<h5>전제 사항</h5>
<ul>
<li>Eclipse IDE를 이용한 Android 환경설정이 완료되었음을 가정한다.</li>
</ul>
<h5>프로젝트 생성하기</h5>
<p>이클립스에서 Android 프로젝트를 생성한다.</p>
<p><img title="안드로이드프로젝트.jpg" class="attachment" src="/pages/2647910/attachments/1159418" height="377" alt="안드로이드프로젝트.jpg" width="397" /><a href="/pages/javascript:;"></a></p>
<p> </p>
<p>Project name, Package name, Activity name, Application name 을 아래와 같이 입력하고 Finish를 클릭한다.</p>
<p> <img title="안드로이드프로젝트_생성2.jpg" class="attachment" src="/pages/2647910/attachments/1159424" height="374" alt="안드로이드프로젝트_생성2.jpg" width="392" /></p>
<p>안드로이드의 기본적인 어플리케이션 프레임이 생성되었다.</p>
<p><img title="project_directory.jpg" class="attachment" src="/pages/2647910/attachments/1159442" alt="project_directory.jpg" /></p>
<p> </p>
<h5>AndroidManifest.xml 수정</h5>
<p> 먼저 Application의 기본정보를 포함하고 있는 AndroidManifest.xml을 수정해 보자.</p>
<p>AndroidManifest.xml를 더블클릭하면 다음과 같은 editor가 표시된다.</p>
<p><img title="androidmanifest_수정.jpg" class="attachment" src="/pages/2647910/attachments/1159430" height="313" alt="androidmanifest_수정.jpg" width="478" /></p>
<p>여기서 하단의 AndroidManifest.xml 탭을 선택하고 다음과 같이 수정한다.</p>
<p> </p>
<ol class="code">
<li> </li>
<li><span style="font-family: Tahoma,San-Serif; font-size: small;"><?xml version="1.0" encoding="utf-8"?><br />
<manifest xmlns:android="http://schemas.android.com/apk/res/android"<br />
package="com.test.mapview"<br />
android:versionCode="1"<br />
android:versionName="1.0.0"><br />
<application android:icon="@drawable/icon" android:label="@string/app_name"></span></li>
<li><span style="font-family: Tahoma,San-Serif; font-size: small;"> <strong><span style="color: rgb(255, 1, 3);"><uses-library android:name="com.google.android.maps" /></span></strong><br />
<activity android:name=".MapViewTest"<br />
android:label="@string/app_name"><br />
<intent-filter><br />
<action android:name="android.intent.action.MAIN" /><br />
<category android:name="android.intent.category.LAUNCHER" /><br />
</intent-filter><br />
</activity><br />
</application></span></li>
<li><span style="font-family: Tahoma,San-Serif; font-size: small;"> <strong><span style="color: rgb(255, 1, 3);"><uses-permission android:name="android.permission.INTERNET" /></span></strong><br />
</manifest></span> <span style="font-size: small;"><br /></span></li>
</ol>
<p> </p>
<p><span style="font-family: Tahoma,San-Serif; font-size: small;"><strong><span style="color: rgb(255, 1, 3);"><uses-library android:name="com.google.android.maps" /> </span></strong></span>는 com.google.android.maps api를 사용하겠다는 선언인것 같다.</p>
<p>그리고 <span style="font-family: Tahoma,San-Serif; font-size: small;"><strong><span style="color: rgb(255, 1, 3);"><uses-permission android:name="android.permission.INTERNET" /></span></strong> <span style="color: rgb(255, 1, 3); font-family: 돋움,San-Serif; font-size: small;"><span style="color: rgb(0, 0, 0);">은 개인적으로 애먹은 부분인데.. 이 어플리케이션이 사용할 수 있는 리소스에 대한 권한을 설정해 주는 부분이다. MapView는 Google Maps서비스를 인터넷을 통해 사용하고 있으므로 INTERNET 퍼미션을 제공하여야 한다.</span></span></span></p>
<p> </p>
<h5>mapview.xml 생성하기</h5>
<p>com.test.mapview프로젝트에서 res/layout 디렉토리에 mapview.xml 을 생성한다.</p>
<p><img title="project_directory.jpg" class="attachment" src="/pages/2647910/attachments/1159442" alt="project_directory.jpg" /></p>
<p> </p>
<p>생성된 mapview.xml 에 아래와 같이 코드한다.</p>
<ol class="code">
<li><span style="font-family: Tahoma,San-Serif;"><?xml version="1.0" encoding="utf-8"?><br />
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"<br />
android:id="@+id/main"<br />
android:layout_width="fill_parent"<br />
android:layout_height="fill_parent"><br />
<com.google.android.maps.MapView<br />
android:layout_width="fill_parent"<br />
android:layout_height="fill_parent"<br />
android:enabled="true"<br />
android:clickable="true"<br />
android:apiKey="<strong><span style="color: rgb(255, 1, 3);">Please insert your API_KEY</span></strong>"<br />
/><br />
</LinearLayout></span></li>
</ol>
<p>여기서 android:apiKey 는 <a href="http://graynote.tistory.com/entry/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%ED%8C%81-%EA%B5%AC%EA%B8%80%EB%A7%B5-API-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0" class="external" title="http://graynote.tistory.com/entry/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%ED%8C%81-%EA%B5%AC%EA%B8%80%EB%A7%B5-API-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0">링크</a> 에 표시된 대로 진행하여 등록하여야 한다. 만약 apikey가 정상적이지 않으면 어플리케이션은 실행되지만 지도가 표시되지 않는다.</p>
<p> </p>
<p>여기서 mapview.xml 을 생성하면 builder에 의해서 소스디렉토리의 R.java 파일에 자동으로 Static 변수선언이 등록된다.</p>
<ol class="code">
<li><span style="font-family: Tahoma,San-Serif;">/* AUTO-GENERATED FILE. DO NOT MODIFY.<br />
*<br />
* This class was automatically generated by the<br />
* aapt tool from the resource data it found. It<br />
* should not be modified by hand.<br />
*/<br />
<br />
package com.test.mapview;<br />
<br />
public final class R {<br />
public static final class attr {<br />
}<br />
public static final class drawable {<br />
public static final int icon=0x7f020000;<br />
}<br />
public static final class id {<br />
public static final int main=0x7f050000;<br />
}<br />
public static final class layout {<br />
public static final int main=0x7f030000;<br />
<span style="color: rgb(255, 1, 3);"><strong>public static final int mapview=0x7f030001;</strong></span><br />
}<br />
public static final class string {<br />
public static final int app_name=0x7f040001;<br />
public static final int hello=0x7f040000;<br />
}<br />
}</span></li>
</ol>
<h5>Activity 수정하기</h5>
<p>프로젝트 생성시 입력한 Activity(안드로이드에서 View를 담당한다.)의 이름이 MapViewTest였다. Eclipse의 Package Explorer에서 com.test.mapview.MapViewTest.java 가 생성되어 있음을 확인할 수 있다. 이 파일을 더블클릭하여 오픈한다. 아래와 같이 수정한다. 수정해야 할 부분은 굵은 폰트로 표시하였다.</p>
<p><span style="font-family: Tahoma,San-Serif;"><br /></span></p>
<ol class="code">
<li><span style="font-family: Tahoma,San-Serif;">package com.test.mapview;<br />
<br />
import android.os.Bundle;<br />
<br />
<strong><span style="color: rgb(255, 1, 3);">import com.google.android.maps.MapActivity;</span></strong><br />
<br />
public class MapViewTest extends <strong><span style="color: rgb(255, 1, 3);">MapActivity</span></strong> {<br />
/** Called when the activity is first created. */<br />
@Override<br />
public void onCreate(Bundle savedInstanceState) {<br />
super.onCreate(savedInstanceState);<br />
setContentView(R.layout.<strong><span style="color: rgb(255, 1, 3);">mapview</span></strong>);<br />
}<br />
<br />
<strong><span style="color: rgb(255, 1, 3);"> @Override<br />
protected boolean isRouteDisplayed() {<br />
// TODO Auto-generated method stub<br />
return false;<br />
}</span></strong><br />
<br />
}</span></li>
</ol>
<p> </p>
<h5>에뮬레이터에서 실행</h5>
<p>이제 MapActivity를 이용해서 기본적인 MapView 를 모두 작성하였다. 결과를 확인하기 위하여 에뮬레이터에서 실행해 보자.</p>
<p><img title="실행.jpg" class="attachment" src="/pages/2647910/attachments/1159450" height="456" alt="실행.jpg" width="543" /></p>
<p>음... 잘 나온다.. 첫작업이라 시행착오가 많았지만 그럭저럭 잘 진행된 것 같다. 다음에는 MapView API를 직접 사용하여 java 코드로 구현해 보아야 겠다.</p>
by-nc-nd
zbum
zbum
74
group,member,profile