[ch11_2_地圖種類與UI設定]

woff

1.設定Manifest檔案

1. <!-- 允許存取Google Maps伺服器 -->
   
2. <permission
   
3. android:name="com.derek.ch11_2_mapui.permission.MAPS_RECEIVE"
   
4. android:protectionLevel="signature" />
   
5. <uses-permission android:name="com.derek.ch11_2_mapui.MAPS_RECEIVE" />
   
6. <!-- 允許下載地圖資訊 -->
   
7. <uses-permission android:name="android.permission.INTERNET" />
   
8. <!-- 允許存取Google所提供web型式的服務 -->
   
9. <uses-permission android:name="com.google.android.providers.gsf.permission.READ_GSERVICES" />
   
10. <!-- 允許圖資暫存到外部儲存體 -->
    
11. <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    
12. <!-- 允許WiFi或行動網路來定位 -->
    
13. <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
    
14. <!-- 允許GPS來定位 -->
    
15. <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    
16. <!-- Maps API v2使用到OpenGL ES第2版功能 -->
    
17. <uses-feature
    
18. android:glEsVersion="0x00020000"
    
19. android:required="true" />
    
20. 
    
21. <application…
    
22. <!-- android:value屬性要輸入申請的API金鑰 -->
    
23. <meta-data
    
24. android:name="com.google.android.maps.v2.API_KEY"
    
25. android:value="AIzaSyAKSNNGbCW-uPT0RRfPDG-d8-N_3J4zLI8" />
    
26. …
    
27. </application>

複製代碼

2.建立帶有Google地圖的layout檔案，必須搭配FragmentActivity ，可以支援舊版的Android系統

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
2. xmlns:tools="http://schemas.android.com/tools"
   
3. android:layout_width="match_parent"
   
4. android:layout_height="match_parent"
   
5. android:paddingBottom="@dimen/activity_vertical_margin"
   
6. android:paddingLeft="@dimen/activity_horizontal_margin"
   
7. android:paddingRight="@dimen/activity_horizontal_margin"
   
8. android:paddingTop="@dimen/activity_vertical_margin"
   
9. tools:context=".BasicMap3F" >
   
10. <fragment
    
11. android:id="@+id/fragment1"
    
12. android:layout_width="match_parent"
    
13. android:layout_height="match_parent"
    
14. android:layout_alignParentTop="true"
    
15. class="com.google.android.gms.maps.SupportMapFragment" />
    
16. 
    
17. <ScrollView
    
18. android:id="@+id/scrollView1"
    
19. android:layout_width="wrap_content"
    
20. android:layout_height="175dp"
    
21. android:layout_alignBottom="@+id/fragment1"
    
22. android:layout_alignLeft="@+id/fragment1" >
    
23. 
    
24. <LinearLayout
    
25. android:layout_width="match_parent"
    
26. android:layout_height="match_parent"
    
27. android:background="#FFFFFF"
    
28. android:orientation="vertical" >
    
29. 
    
30. <Spinner
    
31. android:id="@+id/spinner1"
    
32. android:layout_width="match_parent"
    
33. android:layout_height="wrap_content" />
    
34. 
    
35. <CheckBox
    
36. android:id="@+id/checkBox1"
    
37. android:layout_width="wrap_content"
    
38. android:layout_height="wrap_content"
    
39. android:onClick="cb1_click"
    
40. android:checked="true"
    
41. android:text="交通資訊" />
    
42. 
    
43. <CheckBox
    
44. android:id="@+id/checkBox2"
    
45. android:layout_width="wrap_content"
    
46. android:layout_height="wrap_content"
    
47. android:onClick="cb2_click"
    
48. android:checked="true"
    
49. android:text="位置按鈕" />
    
50. 
    
51. <CheckBox
    
52. android:id="@+id/checkBox3"
    
53. android:layout_width="wrap_content"
    
54. android:layout_height="wrap_content"
    
55. android:onClick="cb3_click"
    
56. android:checked="true"
    
57. android:text="位址圖層" />
    
58. 
    
59. <CheckBox
    
60. android:id="@+id/checkBox4"
    
61. android:layout_width="wrap_content"
    
62. android:layout_height="wrap_content"
    
63. android:onClick="cb4_click"
    
64. android:checked="true"
    
65. android:text="縮放按鈕" />
    
66. <CheckBox
    
67. android:id="@+id/checkBox5"
    
68. android:layout_width="wrap_content"
    
69. android:layout_height="wrap_content"
    
70. android:onClick="cb5_click"
    
71. android:checked="true"
    
72. android:text="指北針" />
    
73. <CheckBox
    
74. android:id="@+id/checkBox6"
    
75. android:layout_width="wrap_content"
    
76. android:layout_height="wrap_content"
    
77. android:onClick="cb6_click"
    
78. android:checked="true"
    
79. android:text="捲動手勢" />
    
80. <CheckBox
    
81. android:id="@+id/checkBox7"
    
82. android:layout_width="wrap_content"
    
83. android:layout_height="wrap_content"
    
84. android:onClick="cb7_click"
    
85. android:checked="true"
    
86. android:text="縮放手勢" />
    
87. <CheckBox
    
88. android:id="@+id/checkBox8"
    
89. android:layout_width="wrap_content"
    
90. android:layout_height="wrap_content"
    
91. android:onClick="cb8_click"
    
92. android:checked="true"
    
93. android:text="傾斜手勢" />
    
94. 
    
95. <CheckBox
    
96. android:id="@+id/checkBox9"
    
97. android:layout_width="wrap_content"
    
98. android:layout_height="wrap_content"
    
99. android:onClick="cb9_click"
    
100. android:checked="true"
     
101. android:text="旋轉手勢" />
     
102. </LinearLayout>
     
103. </ScrollView>
     
104. 
     
105. </RelativeLayout>
     

複製代碼

3.建立Activity檔案

1. package com.derek.ch11_2_mapui;
   
2. 
   
3. import com.google.android.gms.maps.GoogleMap;
   
4. import com.google.android.gms.maps.SupportMapFragment;
   
5. import com.google.android.gms.maps.UiSettings;
   
6. import android.os.Bundle;
   
7. import android.app.Activity;
   
8. import android.support.v4.app.FragmentActivity;
   
9. import android.view.Menu;
   
10. import android.view.View;
    
11. import android.widget.AdapterView;
    
12. import android.widget.AdapterView.OnItemSelectedListener;
    
13. import android.widget.ArrayAdapter;
    
14. import android.widget.CheckBox;
    
15. import android.widget.Spinner;
    
16. 
    
17. public class Ch11_2_MPUI extends FragmentActivity {
    
18. GoogleMap map;
    
19. UiSettings uiSettings;
    
20. protected void onCreate(Bundle savedInstanceState) {
    
21. super.onCreate(savedInstanceState);
    
22. setContentView(R.layout.main);
    
23. if(map ==null)
    
24. {
    
25. map=((SupportMapFragment)getSupportFragmentManager().findFragmentById(R.id.fragment1)).getMap();
    
26. }else{
    
27. map.setTrafficEnabled(true);
    
28. map.setMyLocationEnabled(true);
    
29. uiSettings=map.getUiSettings();
    
30. }
    
31. setMyMapType();
    
32. }
    
33. public void setMyMapType(){
    
34. Spinner sp= (Spinner)findViewById(R.id.spinner1);
    
35. ArrayAdapter<CharSequence> adapter=ArrayAdapter.createFromResource(this, R.array.mapType, android.R.layout.simple_spinner_item);
    
36. adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
    
37. sp.setAdapter(adapter);
    
38. sp.setOnItemSelectedListener(new OnItemSelectedListener(){
    
39. 
    
40. @Override
    
41. public void onItemSelected(AdapterView<?> parent, View view,
    
42. int position, long id) {
    
43. 
    
44. String mapType=parent.getItemAtPosition(position).toString();
    
45. if(mapType.equals("一般圖"))
    
46. map.setMapType(GoogleMap.MAP_TYPE_NORMAL);
    
47. else if(mapType.equals("混合圖"))
    
48. map.setMapType(GoogleMap.MAP_TYPE_HYBRID);
    
49. else if(mapType.equals("衛星圖"))
    
50. map.setMapType(GoogleMap.MAP_TYPE_SATELLITE);
    
51. else if(mapType.equals("地形圖"))
    
52. map.setMapType(GoogleMap.MAP_TYPE_TERRAIN);
    
53. }
    
54. @Override
    
55. public void onNothingSelected(AdapterView<?> arg0) {
    
56. 
    
57. }});
    
58. }
    
59. public void cb1_click(View v){
    
60. // 顯示/隱藏交通流量
    
61. map.setTrafficEnabled(((CheckBox)v).isChecked());
    
62. }
    
63. public void cb2_click(View v){
    
64. // 顯示/隱藏自己位置按鈕
    
65. uiSettings.setMyLocationButtonEnabled(((CheckBox)v).isChecked());
    
66. }
    
67. public void cb3_click(View v){
    
68. // 顯示/隱藏自己位置圖層，如果未開?則自己位置按鈕也無法顯示
    
69. map.setMyLocationEnabled(((CheckBox)v).isChecked());
    
70. }
    
71. public void cb4_click(View v){
    
72. // 顯示/隱藏縮放按鈕
    
73. uiSettings.setZoomControlsEnabled(((CheckBox)v).isChecked());
    
74. }
    
75. public void cb5_click(View v){
    
76. // 顯示/隱藏指北針
    
77. uiSettings.setCompassEnabled(((CheckBox)v).isChecked());
    
78. }
    
79. public void cb6_click(View v){
    
80. // 開啟/關閉地圖捲動手勢
    
81. uiSettings.setScrollGesturesEnabled(((CheckBox) v).isChecked());
    
82. }
    
83. public void cb7_click(View v){
    
84. // 開啟/關閉地圖縮放手勢
    
85. uiSettings.setZoomGesturesEnabled(((CheckBox) v).isChecked());
    
86. }
    
87. public void cb8_click(View v){
    
88. // 開啟/關閉地圖傾斜手勢
    
89. uiSettings.setTiltGesturesEnabled(((CheckBox) v).isChecked());
    
90. }
    
91. public void cb9_click(View v){
    
92. // 開啟/關閉地圖旋轉手勢
    
93. uiSettings.setRotateGesturesEnabled(((CheckBox) v).isChecked());
    
94. }
    
95. @Override
    
96. protected void onResume() {
    
97. super.onResume();
    
98. if(map ==null)
    
99. {
    
100. map=((SupportMapFragment)getSupportFragmentManager().findFragmentById(R.id.fragment1)).getMap();
     
101. }else{
     
102. map.setTrafficEnabled(true);
     
103. map.setMyLocationEnabled(true);
     
104. uiSettings=map.getUiSettings();
     
105. }
     
106. }
     
107. }

複製代碼