端端舝

ANDROID
價渙嶱追掝最 (2)
Presented by
Duran Hsieh
http://dog0416.blogspot.tw/

OUTLINE
? 掝最醴㻢鷂筳僅
? Google map API key
? Google map API 賡畿鷂妏蚚
? Google map API 岈璃鷂
FrameLayout
? Google map API UI
? Google map API 餅庨盄
? 醴ゴ恀枙颯淕
? �釬ㄩGoogle map 鷂GPS覜䛐
け誑�
? Q&A

3Presented By: Duran Hsieh
掝最醴㻢鷂筳僅
? 掝最醴㻢
? Android 價渙眭舑
? 靡啅賤�
? 綅釬埻燴﹜汜韜筥ヽ
? Android Studio 賡畿鷂紱釬
? Android App 嶱追�釬
? Android 橃偶殤�挲隴﹜Java 𡦀�
? Layout﹜Components 賡畿﹜紱釬鷂最宒�釬
? 華㇄誑�最宒庨釬
? Material design
? 奻殤諒𡦀
? ⺼睡椙斕腔 App 奻殤
? 莬豢

掝最醴㻢鷂筳僅
?掝最筳僅
゜ヽ挲隴
04堎06゜ Android 價渙眭舑鷂假娊虐噫
Android奻妏蚚勞捩釦覜聆け
釬𦲀ㄩGPS �瞰最宒
04堎13゜ヽ笢蕉溫樑
04堎20゜ Android Google map API
釬𦲀ㄩ膘蕾華㇄�瞰最宒
04堎27゜ Material Design﹜華㇄誑�最宒庨釬﹜家汜APK鷂APP奻殤
釬𦲀ㄩ𨃨�苤橃觳
05堎18゜苤橃觳傖彆�彶 - DEMO

GOOGLE MAP API KEY
? 源楊1.
? ゴ厘 https://console.developers.google.com/ㄛ�K腎⻌絝𡠹

GOOGLE MAP API KEY
? 膘蕾陔橃偶

GOOGLE MAP API KEY
? 膘蕾API Key

GOOGLE MAP API KEY
? 龰腕API Key
???

GOOGLE MAP API KEY
? 陔崝 API 癹秶

GOOGLE MAP API KEY

GOOGLE MAP API KEY
? 溫离蠟腔google map api key

GOOGLE MAP API KEY
? 源楊2.
? 膘蕾珨�陔腔google map activity

GOOGLE MAP API KEY
? 梑善google_maps_api.xml �K�莮挲隴

GOOGLE MAP API KEY
? 惿奻鋒硊ㄛ嶱宎偟�API Key

GOOGLE MAP API KEY
? 膘蕾 api key

GOOGLE MAP API KEY
? 膘蕾俇傖

GOOGLE MAP API KEY
? API key膘蕾俇傖ㄛ珩緻衄賸癹秶

GOOGLE MAP API KEY
? 沓奻API key

ANDROID
GOOGLE MAP API
賡畿鷂妏蚚

ANDROID GOOGLE MAP API 賡畿鷂妏蚚
? 都蚚惤楊
? ��僅(LatLng)
? 㻢�(MarkerOptions)
? 樓⻌華㇄
new MarkerOptions()
.position(latlng)
.title("㻢觳")
.snippet("鏡扴")
.draggable(true);
LatLng latlng = new LatLng(-34, 151);
mMap.addMarker(new MarkerOptions().position(latlng));

? 載嗣㻢�(MarkerOptions)
MarkerOptions()
.icon(BitmapDescriptorFactory.fromResource(R.drawable.common_full_open_on_phone))
.anchor(0.0f, 1.0f)
.position(new LatLng(41.889, -87.622));

? 痄�弇离
? 窺溫
mMap.moveCamera(CameraUpdateFactory.newLatLng(new LatLng(-34, 151)));
mMap.moveCamera(CameraUpdateFactory.newLatLngZoom( new LatLng(-34, 151),13));

? 華㇄�倰
? GoogleMap.MAP_TYPE_SATELLITE
? GoogleMap.MAP_TYPE_NONE
? GoogleMap.MAP_TYPE_NORMAL
? GoogleMap.MAP_TYPE_HYBRID
? GoogleMap.MAP_TYPE_TERRAIN
? 偞隅華㇄�倰
mMap.setMapType(GoogleMap.MAP_TYPE_SATELLITE);

? 嶱宎蚴�菴珨� map activity
? 樓⻌杶璃 (com.google.android.gms:play-services-maps)
? 樓⻌google map api key
? 樓⻌ fragment (XML)
? 樓⻌最宒

? 樓⻌杶璃
? 源楊1ㄩfile -> project structure

? app - > dependencies
? 梑善 com.google.android.gms:play-services-maps:10.2.1

? 源楊2ㄩ
? build.gradle - > dependencies
? 黺dependencies �樓奻 com.google.android.gms:play-
services-maps:10.2.1

? 樓⻌ google map api key

? 樓⻌ fragment (XML)

? 樓⻌最宒徨
? Private Googlemap mMap;
? OnCreate

? implement OnMapReadyCallback 鷂 onMapReady 源楊

Google map API 岈璃
鷂 FrameLayout

GOOGLE MAP API 岈璃
? 岈璃ㄩ
? Click
? Imlpement OnMapReadyCallback �K樓⻌ onMapReady 源楊
? implement OnMapClickListener �K樓⻌onMapClick 源楊
? onMapReady 源楊�樓⻌ mMap.setOnMapClickListener(this)
? onMapClick 源楊�樓⻌砑酕腔岈ロ

? Long Click
? implement OnMapLongClickListener�K樓⻌ onMapLongClick源楊
? onMapReady 源楊�樓⻌mMap.setOnMapLongClickListener(this)
? onMapLongClick源楊�樓⻌砑酕腔岈ロ

? Camera move
? implement OnCameraIdleListener�K樓⻌onCameraIdle 源楊
? onMapReady 源楊�樓⻌mMap.setOnCameraIdleListener(this);
? onCameraIdle源楊�樓⻌砑酕腔岈ロ

FRAMELAYOUT

�釬ㄩ華㇄岈璃最宒
? 膘蕾珨�華㇄岈璃最宒
? 婦漪𡡷梘﹜墿偌鷂華㇄賑�岈璃
? 𡡷梘鷂墿偌隙�鞞尨��僅ㄛ�K鞞尨
? ※𡡷梘§
? ※墿偌§
? 華㇄賑�媆鞞尨笢恅※華㇄痄�笢§
? 妏蚚framelayout

GOOGLE MAP API UI
mUiSettings = mMap.getUiSettings();
mUiSettings.setZoomControlsEnabled(true);
mUiSettings.setCompassEnabled(true);
mUiSettings.setMyLocationButtonEnabled(true);
mMap.setMyLocationEnabled(true);
mUiSettings.setScrollGesturesEnabled(true);
mUiSettings.setZoomGesturesEnabled(true);
mUiSettings.setTiltGesturesEnabled(true);
mUiSettings.setRotateGesturesEnabled(true);
龰腕UI偞隅
窺溫偌漃
硌鰍�偌漃
扂腔弇离鷂偌漃
賑�忒�
窺溫忒�
�A訇忒�
唅滖(�𡥼源砃)忒�

GOOGLE MAP API UI
? UIㄩ
? 膘蕾珨��腔華㇄ㄛ婦漪奻扴UI
? https://github.com/matsurigoto/AndroidGoogleMapUISett
ingExample.git

GOOGLE MAP API 餅庨盄
public void onMapReady(GoogleMap googleMap) {
mMap = googleMap;
LatLng taiwan = new LatLng(23.97, 120.98);
mMap.moveCamera(CameraUpdateFactory.newLatLngZoom(taiwan, 8));
mMutablePolyline = mMap.addPolyline(new PolylineOptions()
.add(A, B, C, D)
.width(5)
.color(Color.BLUE)
.clickable(true));
mMap.setOnPolylineClickListener(new GoogleMap.OnPolylineClickListener() {
@Override
public void onPolylineClick(Polyline polyline) {
polyline.setColor(polyline.getColor() ^ 0x00ffffff);
}
});
}
Step 1. 樓⻌宖俶(𡡷﹜��﹜�伎﹜𡡷梘)
Step 1. 樓⻌𡡷梘岈璃

GOOGLE MAP API 餅庨盄
? AndroidGoogleMapPolylineExampleㄩ
? https://github.com/matsurigoto/AndroidGoogleMapPolyli
neExample.git

醴ゴ恀枙颯淕
? ⺼睡梑 BUG ?
Step 1. android moniter
Step 2.logcat
Step 3.error ?

醴ゴ恀枙颯淕
? ⺼睡梑 DEBUG ?
Step 1.
Set Break point
Step 2.Debug Step 3.Next Step

醴ゴ恀枙颯淕
? �觳珨 Error:Tag <uses-permission> attribute name
has invalid character ' '.

醴ゴ恀枙颯淕
? �觳媼 Attempt to invoke virtual method ＆android.view.Window$Callback
android.view.Window.getCallback()' on a null object reference

醴ゴ恀枙颯淕
? �觳ʊ 最宒霜最

�釬ㄩ
Google map 鷂勞捩釦覜聆け

�釬ㄩGOOGLE MAP 鷂勞捩釦覜聆け
? 膘蕾珨�蕦翍妏蚚氪痄�腔華㇄
? 勞捩釦覜聆け (奻筥諒𡦀)
? Google map 奻鞞尨赻撩醴ゴ弇离(marker)
? 苾陎華㇄
? 華㇄蕦翍妏蚚氪痄�
? Marker蕦翍妏蚚氪痄�

端端舝

Android價渙掝最2 - google map android API

More Related Content

Android價渙掝最2 - google map android API

Editor's Notes