【Android】说做就做：都市列表+卫星地图

前言：为了得奖。。。android。。。T_T。。。

完成notepad 3部曲，又看了其他人的MapView使用例子，手痒啊，做了个简陋的都市列表，并用MapView来看卫星地图，还有目前路况（traffic，如果有的话），Zoom In/Out，纯抄袭，羞愧中。。。

基本上基于notepad样板，做了个City的list：（偷工减料，static一下了，其实应该从db或者web service上面拿。。。）

java 代码

1. static {  
2.         cities = new ArrayList<String>();  
3.         cities.add("beijing");  
4.         cities.add("london");  
5.         cities.add("bangalore");  
6.         cities.add("potsdam");  
7.         cities.add("brasilia");  
8.           
9.         geocodes = new HashMap<String, GeoPoint>();  
10.         geocodes.put("beijing", new GeoPoint(40.25f,116.5f));  
11.         geocodes.put("london", new GeoPoint(51.52f,-0.1f));  
12.         geocodes.put("bangalore", new GeoPoint(12.97f,77.56f));  
13.         geocodes.put("potsdam", new GeoPoint(52.4f,13.07f));  
14.         geocodes.put("brasilia", new GeoPoint(-15.78f,-47.91f));  
15.           
16.     }  

geocode是从IBM一个Perl的例子上copy的。。。

接下来把notepad copy一下，改成自己的东西。。。

java 代码

1. @Override  
2.     protected void onCreate(Bundle icicle) {  
3.         super.onCreate(icicle);  
4.         setContentView(R.layout.city_list);  
5.         fillData();  
6.     }  
7.       
8.     private void fillData() {  
9.         ArrayAdapter<String> cities =   
10.             new ArrayAdapter<String>(this, R.layout.city_row, MapConstants.cities);  
11.         setListAdapter(cities);  
12.     }  
13.       
14.       
15.     @Override  
16.     protected void onListItemClick(ListView l, View v, int position, long id) {  
17.         super.onListItemClick(l, v, position, id);  
18.   
19.         Intent i = new Intent(this, CityMap.class); 
    
20. //这里传递选择的城市名字
    
21.         i.putExtra(MapConstants.CITY_NAME, MapConstants.cities.get(position));  
22.         startSubActivity(i, ACTIVITY_VIEW);  
23.     }  
24.      
    
25. //mapview 回来的时候显示城市list
    
26.     @Override  
27.     protected void onActivityResult(int requestCode, int resultCode, String data, Bundle extras) {  
28.         super.onActivityResult(requestCode, resultCode, data, extras);  
29.         fillData();  
30.     }  

现在是重点了，CityMap：

java 代码

1. public class CityMap extends MapActivity  

要extends MapActivity，因为是个View嘛。。。

在onCreate()里面拿到传递进去的city，然后拿city的geocode：

java 代码

1. private MapView myMapView;  
2.   
3.     @Override  
4.     public void onCreate(Bundle icicle) {  
5.         super.onCreate(icicle);  
6.           
7.         Bundle extras = getIntent().getExtras();  
8.           
9.         // get the geopoint by city  
10.         String city = extras.getString(MapConstants.CITY_NAME);  
11.           
12.         GeoPoint gp = MapConstants.geocodes.get(city);  

GeoPoint是个DTO/VO，里面就放两个float的经度和纬度：

java 代码

1. public class GeoPoint {  
2.   
3.     private float latitude;  
4.     private float longitude;  

java 代码

1. myMapView = new MapView(this);  
2.  
   
3. Point p = new Point((int) (gp.getLatitude() * 1000000),  
4.                               (int) (gp.getLongitude() * 1000000));  
5.         // 地图控制器。。。
6.         MapController mc = myMapView.getController();  
7.        
   
8.         mc.animateTo(p);  
9.         // 21是最zoom in的一级，一共是1-21级
   
10.         mc.zoomTo(21);  
11. 
    
12.         setContentView(myMapView);  
13.         // 切换到卫星地图
14.         myMapView.toggleSatellite();  

搞定显示，接下来是key events：
i: zoom in
o: zoom out
s: satellite
t: traffic

java 代码

1. public boolean onKeyDown(int keyCode, KeyEvent event) {  
2.         if (keyCode == KeyEvent.KEYCODE_I) {  
3.             // zoom in
4.             myMapView.getController().zoomTo(myMapView.getZoomLevel() + 1);  
5.             return true;  
6.         } else if (keyCode == KeyEvent.KEYCODE_O) {  
7.             // zoom out 
   
8.             myMapView.getController().zoomTo(myMapView.getZoomLevel() - 1);  
9.             return true;  
10.         } else if (keyCode == KeyEvent.KEYCODE_S) {  
11.           // 卫星地图
    
12.             myMapView.toggleSatellite();  
13.             return true;  
14.         } else if (keyCode == KeyEvent.KEYCODE_T) {  
15.             // traffic，路况
16.             myMapView.toggleTraffic();  
17.             return true;  
18.         }  
19.         return false;  
20.     }   

最后加个回到城市list的menu：

java 代码

1. @Override  
2.     public boolean onCreateOptionsMenu(Menu menu) {  
3.         super.onCreateOptionsMenu(menu);  
4.         menu.add(0, EXIT_ID, R.string.exit_citymap);  
5.         return true;  
6.     }  
7.       
8.     @Override  
9.     public boolean onMenuItemSelected(int featureId, Item item) {  
10.         super.onMenuItemSelected(featureId, item);  
11.         switch(item.getId()) {  
12.         case EXIT_ID:  
13.             finish();  
14.             break;  
15.         }  
16.           
17.         return true;  
18.     }