Android開發教程：NextBus之顯示實時車輛位置信息

要實現的功能如下：首先點擊menu會顯示兩條路線（僅僅做簡單的模擬），點擊路線之後去下載本條路線實時的車輛信息，並且畫在地圖上。點擊另外一條路線的時候也執行以上操作，並且把原來的圖像擦除。

好，我們首先新建一個工程TestActivity，繼承與MapActivity，同時在layout的main.xml文件中加上mapview控件

1. <com.google.Android.maps.MapView   
2.  android:clickable="true"   
3.  android:layout_width="fill_parent"   
4.  android:id="@+id/mapView"   
5.  android:layout_height="fill_parent"  
6.  android:apiKey="0GPDZeAXmGQ3vHfDbNitJWUp-lghBsV8jouMc5g"  
7. ></com.google.android.maps.MapView>  

還有哦，不要忘記在androidmanifest中添加上<uses-library android:name="com.google.android.maps" />，至於權限什麼的，多加幾條就多加幾條吧

1. <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>  
2.      <uses-permission android:name="android.permission.INTERNET" />  
3.      <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>  
4.      <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>  
5.      <uses-permission android:name="android.permission.READ_PHONE_STATE"></uses-permission>    
6.      <uses-permission android:name="android.permission.READ_LOGS"></uses-permission>  

好，到此為止，至少打開我們新建的工程能夠正常的顯示google地圖了。

接下來，變量初始化一下

1. mapView = (MapView) findViewById(R.id.mapView);  
2.        mapView.setStreetView(true);  
3.        mapView.setBuiltInZoomControls(true);  
4.        mapOverlays = mapView.getOverlays();   
5.        myloctionController=mapView.getController();  

然後模擬個兩條路線吧，在menu裡面menu.add(0,0,0,"choose a route");在這個選項的點擊響應中添加個函數showroutelist()，routestrings裡面當然是放兩條路線咯

1. private void showRouteList() {  
2.         // TODO Auto-generated method stub   
3.         final ArrayList<String> routeStrings=new ArrayList<String>();  
4.         routeStrings.add("1");  
5.         routeStrings.add("10");  
6.         ArrayAdapter<String> adapter=new ArrayAdapter<String>(this, R.layout.item, R.id.textViewId, routeStrings);  
7.         AlertDialog.Builder builder=new AlertDialog.Builder(this);  
8.         builder.setTitle("當前兩條路線");  
9.         builder.setAdapter(adapter, new OnClickListener() {  
10.               
11.             @Override  
12.             public void onClick(DialogInterface dialog, int which) {  
13.                 // TODO Auto-generated method stub   
14.                 achieveAllDirection(routeStrings.get(which));  
15.             }  
16.         });  
17.         builder.show();  
18.   
19.     }  

這裡得到了我們點擊的路線的名稱，根據路線名稱我們可以下載到路線上所有車子的實時信息，下過來存在一個string中，然後把這個string拿來解析，將獲得的數據放在ArrayList<VehicleLocationsData> vehicleLocationsData中把，VehicleLocationsData有多個數據成員，包括汽車的朝向，速度，經緯度等等。

1. private void achieveAllDirection(String RouteName) {  
2.     String path="http://webservices.nextbus.com/service/publicXMLFeed?command=vehicleLocations&a=mbta&r="+RouteName+"&t=0";  
3.       
4.     HttpDownloader hd = new HttpDownloader();//下載實時信息  
5.     String resultStr = hd.download(path);  
6.     //System.out.println(resultStr);  
7.     try{              
8.         SAXParserFactory factory = SAXParserFactory.newInstance();                                          XMLReader reader = factory.newSAXParser().getXMLReader();  
9.         VehicleLocationsPrase vehicleLocationsPrase=new VehicleLocationsPrase();  
10.         reader.setContentHandler(vehicleLocationsPrase);  
11.         //開始解析文件  
12.         reader.parse(new InputSource(new StringReader(resultStr)));   
13.         ArrayList<VehicleLocationsData> temp=vehicleLocationsPrase.getVehicleLocationsDatas();  
14.           
15.         System.out.println(temp.size());  
16.         if (temp.size()==0) {  
17.             Toast.makeText(mapView.getContext(), "這輛車在這個方向上目前沒有實時信息", Toast.LENGTH_LONG );  
18.         }  
19.         else {  
20.             //下載解析好之後開始畫圖  
21.             afterClickBusOnRoute(temp);  
22.         }  
23.     }  
24.     catch(Exception e){  
25.         e.printStackTrace();  
26.     }  
27. }  

解析之後我們得到了此刻汽車的朝向，經緯度等等信息就能畫出車子在路上的位置了。畫圖的操作是這樣的，首先我們要獲得兩個原始的圖像，一個車的圖像，一個箭頭的圖像，因為箭頭是要變化的，我們先定義一個矩陣的，然後每次畫一個車，就按照保存著的車輛朝向信息來把原始的箭頭進行旋轉，並且生成一副新的圖像。然後把新的箭頭位圖添加到車輛位圖的上面，產生疊加的效果。這裡所有的車是一個圖層，而每個箭頭是單獨的一個圖層，因為每個圖層的圖像是要一樣的嘛。接下來吧N+1個圖層都添加到mapview中就可以了，添加之前記得把原來的先擦除，

1. private void afterClickBusOnRoute(ArrayList<VehicleLocationsData> vehicleLocationsData) {  
2.   
3.         Drawable routeDrawable=getResources().getDrawable(R.drawable.bus);//顯示公交路線的圖標          
4.         Bitmap bitmap=BitmapFactory.decodeResource(this.getResources(),R.drawable.arrow);//獲得位圖   
5.         int w = bitmap.getWidth();// 獲得位圖寬   
6.         int h = bitmap.getHeight();// 獲得位圖高   
7.         Matrix matrix = new Matrix();  
8.   
9.         final MyOverlay Route_Overlay=new MyOverlay(routeDrawable, this);  
10.         int lat=0,lon=0;  
11.         float a;  
12.         ArrayList<MyOverlay> allArrow=new ArrayList<MyOverlay>();  
13.           
14.         for (int i = 0; i < vehicleLocationsData.size(); i++)   
15.         {  
16.             //System.out.println(vehicleLocationsData.get(i).toString());              
17.             //獲得應該旋轉的角度   
18.             a=Float.valueOf(vehicleLocationsData.get(i).getHeading());  
19.             matrix.setRotate(a);//利用矩陣旋轉   
20.             Bitmap bm2 = Bitmap.createBitmap(bitmap, 0, 0, w, h, matrix, true);  
21.             //獲得Drawable對象   
22.             BitmapDrawable bd= new BitmapDrawable(getResources(), bm2);  
23.                           
24.             lat=(int)(Double.parseDouble(vehicleLocationsData.get(i).getLat())*1000000);  
25.             lon=(int)(Double.parseDouble(vehicleLocationsData.get(i).getLon())*1000000);  
26.             GeoPoint point=new GeoPoint(lat,lon);  
27.               
28.             MyOverlay arrow_Overlay=new MyOverlay(bd,this);   
29.             OverlayItem overlayitem = new OverlayItem(point, vehicleLocationsData.get(i).getRouteTag(),   
30.                     vehicleLocationsData.get(i).getDirTag()+vehicleLocationsData.get(i).getHeading()+  
31.                     vehicleLocationsData.get(i).getHeading());  
32.   
33.             Route_Overlay.addOverlay(overlayitem);    
34.             arrow_Overlay.addOverlay(overlayitem);  
35.             allArrow.add(arrow_Overlay);          
36.               
37.         }  
38.         mapOverlays.clear();  
39.         mapOverlays=mapView.getOverlays();  
40.         mapOverlays.add(Route_Overlay);  
41.         //注意圖層放置的順序，先放的在下面   
42.         for (int i = 0; i < allArrow.size(); i++) {  
43.             mapOverlays.add(allArrow.get(i));  
44.         }  
45.         GeoPoint lastpPoint=new GeoPoint(lat, lon );  
46.         myloctionController.animateTo(lastpPoint);  
47.         myloctionController.setZoom(13);  
48.         myloctionController.setCenter(lastpPoint);  
49.           
50.         //mapView.invalidate();   
51.   
52.     }  

這樣就能正常顯示車輛的實時路線了。這個裡面的MyOverlay是繼承與 ItemizedOverlay<OverlayItem>的咯，這個類中繼承了一些方法， 其中這個onTap方法就是點擊了圖標以後會執行的方法。
這個例子中的解析就不具體說了，畢竟每個網頁對應的內容都不一樣嘛。