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方法就是点击了图标以后会执行的方法。
这个例子中的解析就不具体说了，毕竟每个网页对应的内容都不一样嘛。

相关内容