航拍编程计划：让你的航拍照片变地图（三分之三）

@芋头

覆盖物的实现

覆盖物
如标注、矢量图形元素(包括：折线和多边形和圆)、定位图标等。覆盖物拥有自己的地理坐标，当您拖动或缩放地图时，它们会相应的处理。
覆盖物包括：

• 覆盖物的抽象基类：Overlay（核心类）
• 文字绘制覆盖物：TextOverlay
• 分条目覆盖物：ItemizedOverlay
• 路线规划覆盖物：RouteOverlay
• 换乘路线覆盖物：TransitOverlay
• 我的位置覆盖物：MyLocationOverlay
  1、实现目的：在底图上画一个圆形的几何图形（覆盖物）
  实现过程：1、建一个基类实现基本的底图效果，再建一个类实现覆盖物，当前类继承基类；2、然后通过
  //①获取mapView存放覆盖物的集合
  List overlays = mapView.getOverlays();
  // ②创建自己的overlays信息并添加集合中
  GraphicsOverlay overlay = new GraphicsOverlay(mapView);
  // 设置几何图形
  setData(overlay);
  overlays.add(overlay);
  // ③刷新mapView的显示内容
  mapView.refresh();
  3、设置几何图形：通过新建一个图形Graphic(geometry, symbol)，装几何元素+样式参数，然后将该图形添加到图形的overlay里面。overlay.setData(graphic);再设置几何元素和样式参数。
  4、再设置Manifest.xml的内容即可。
  实现效果：
  
  GraphicsOverlayDemo.Java
  
  

1. package huaxa.it.map;
   
2. 
   
3. import java.util.List;
   
4. 
   
5. import com.baidu.mapapi.map.Geometry;
   
6. import com.baidu.mapapi.map.Graphic;
   
7. import com.baidu.mapapi.map.GraphicsOverlay;
   
8. import com.baidu.mapapi.map.Overlay;
   
9. import com.baidu.mapapi.map.Symbol;
   
10. 
    
11. import android.R.color;
    
12. import android.R.drawable;
    
13. import android.os.Bundle;
    
14. 
    
15. /**
    
16. * @项目名： BaiduMap
    
17. * @包名： huaxa.it.map
    
18. * @类名： GraphicsOverlayDemo
    
19. * @创建者： 黄夏莲
    
20. * @创建时间： 2016年12月1日 ,下午6:13:46
    
21. *
    
22. * @描述： TODO
    
23. */
    
24. public class GraphicsOverlayDemo extends BaseActivity
    
25. {
    
26.     @Override
    
27.     protected void onCreate(Bundle savedInstanceState)
    
28.     {
    
29.         // TODO Auto-generated method stub
    
30.         super.onCreate(savedInstanceState);
    
31.         draw();
    
32.     }
    
33. 
    
34.     /**
    
35.      * 绘制几何图形
    
36.      */
    
37.     private void draw()
    
38.     {
    
39.         // 覆盖物操作
    
40.         // ①获取存放覆盖物的集合(MapView)
    
41.         List<Overlay> overlays = mapView.getOverlays();
    
42.         // ②创建自己的overlays信息添加集合中
    
43.         GraphicsOverlay overlay = new GraphicsOverlay(mapView);
    
44.         // 关于几何图形设置
    
45.         setData(overlay);
    
46.         overlays.add(overlay);
    
47.         // ③刷新mapView的显示内容
    
48.         mapView.refresh();
    
49. 
    
50.     }
    
51. 
    
52.     /**
    
53.      * 几何图形设置
    
54.      *
    
55.      * @param overlay
    
56.      */
    
57.     private void setData(GraphicsOverlay overlay)
    
58.     {
    
59. 
    
60.         // 绘制圆
    
61.         /**
    
62.          * setCircle(GeoPoint geoPoint, int radius) 设置图形为圆 参数： geoPoint地理坐标
    
63.          * radius圆的半径，单位：米
    
64.          */
    
65.         // 几何元素的定义
    
66.         // 圆心+半径
    
67.         Geometry geometry = new Geometry();
    
68.         geometry.setCircle(geoPoint, 1000);
    
69.         // 样式
    
70.         // 颜色+是否填充+如果不填充，绘制圆的线条的粗细
    
71.         Symbol symbol = new Symbol();
    
72.         /**
    
73.          * setSurface
    
74.          *
    
75.          * public void setSurface(Symbol.Color color, int status, int linewidth)
    
76.          * 设置面样式 参数： color - 颜色 status - 填充状态，0表示不填充，1表示填充 linewidth -
    
77.          * 线宽,当填充状态为填充时线宽无意义
    
78.          */
    
79.         Symbol.Color color = symbol.new Color();
    
80.         //指定三色
    
81.         color.red = 255;
    
82.         color.green = 0;
    
83.         color.blue = 0;
    
84.         color.alpha = 100;
    
85.         symbol.setSurface(color, 1, 0);
    
86.         Graphic graphic = new Graphic(geometry, symbol);
    
87.         overlay.setData(graphic);
    
88. 
    
89.     }
    
90. 
    
91. }

复制代码

再设置Manifest.xml的内容即可。

2、实现目的：在底图上画一个文本图形（覆盖物）
使用到TextOverlay类，其中用到TextItem对文本进行设置。
实现效果：

TextOverlayDemo.java

1. package huaxa.it.map;
   
2. 
   
3. import java.util.List;
   
4. 
   
5. import com.baidu.mapapi.map.Overlay;
   
6. import com.baidu.mapapi.map.Symbol;
   
7. import com.baidu.mapapi.map.TextItem;
   
8. import com.baidu.mapapi.map.TextOverlay;
   
9. 
   
10. 
    
11. 
    
12. import android.graphics.Typeface;
    
13. import android.os.Bundle;
    
14. 
    
15. /**
    
16. * @项目名： BaiduMap
    
17. * @包名： huaxa.it.map
    
18. * @类名： TextOverlayDemo
    
19. * @创建者： 黄夏莲
    
20. * @创建时间： 2016年12月1日 ,下午6:13:46
    
21. *
    
22. * @描述： TODO
    
23. */
    
24. public class TextOverlayDemo extends BaseActivity
    
25. {
    
26.     @Override
    
27.     protected void onCreate(Bundle savedInstanceState)
    
28.     {
    
29.         // TODO Auto-generated method stub
    
30.         super.onCreate(savedInstanceState);
    
31.         draw();
    
32.     }
    
33. 
    
34.     /**
    
35.      * 绘制文本图形
    
36.      */
    
37.     private void draw()
    
38.     {
    
39.         // 覆盖物操作
    
40.         // ①获取存放覆盖物的集合(MapView)
    
41.         List<Overlay> overlays = mapView.getOverlays();
    
42.         // ②创建自己的overlays信息添加集合中
    
43.         TextOverlay overlay = new TextOverlay(mapView);
    
44.         // 关于文本图形设置
    
45.         setData(overlay);
    
46.         overlays.add(overlay);
    
47.         // ③刷新mapView的显示内容
    
48.         mapView.refresh();
    
49. 
    
50.     }
    
51. 
    
52.     /**
    
53.      * 文本条目设置
    
54.      *
    
55.      * @param overlay
    
56.      */
    
57.     private void setData(TextOverlay overlay)
    
58.     {
    
59. 
    
60.         TextItem Item = new TextItem();
    
61.         //设置文本格式
    
62.         // int align
    
63.         // 文字对齐方式 ，为 ALIGN_TOP,ALIGN_CENTER, ALIGN_BOTTOM中的一个值
    
64.         // static int ALIGN_BOTTOM
    
65.         // 文字对齐参数，下边中点对齐
    
66.         // static int ALIGN_CENTER
    
67.         // 文字对齐参数，中心对齐
    
68.         // static int ALIGN_TOP
    
69.         // 文字对齐参数，上边中点对齐
    
70.         // Symbol.Color bgColor
    
71.         // 文字背景色, 默认为透明
    
72.         // Symbol.Color fontColor
    
73.         // 文字颜色
    
74.         // int fontSize
    
75.         // 字号大小
    
76.         // GeoPoint pt
    
77.         // 文字显示的位置，用经纬度坐标表示
    
78.         // String text
    
79.         // 要显示的文字内容
    
80.         // Typeface typeface
    
81.         // 文字字体， android 字体表示，为空则用系统默认字体.
    
82.         Item.align = TextItem.ALIGN_TOP;
    
83.         Item.fontColor = getColor();
    
84.         Item.fontSize = 20;
    
85.         Item.pt = geoPoint;
    
86.         Item.text = "广东工业大学";
    
87.         Item.typeface = Typeface.SERIF;
    
88.         overlay.addText(Item);
    
89. 
    
90.     }
    
91. 
    
92.     private Symbol.Color getColor(){
    
93.         Symbol symbol = new Symbol();
    
94.         Symbol.Color color= symbol.new Color();
    
95.         color.alpha=100;
    
96.         color.blue=255;
    
97.         color.red=0;
    
98.         color.green=0;
    
99.         return color;
    
100. 
     
101.     }
     
102. 
     
103. }
     

复制代码

3、实现目的：在底图上画一个多条目（覆盖物，如图标）
实现过程：使用到ItemizedOverlay类
ItemizedOverlay(
getResources().getDrawable(R.drawable.eat_icon), mapView);//第一个参数就是图片，第二个参数是mapView。
接着对OverlayItem进行设置，然后添加到itemizedOverlay里面就可以了。另外，可以设置多个条目，直接设置具体坐标，并添加到itemizedOverlay里面。
实现效果

ItemizedOverlayDemo.java

1. package huaxa.it.map;
   
2. 
   
3. import java.util.List;
   
4. 
   
5. import android.os.Bundle;
   
6. 
   
7. import com.baidu.mapapi.map.ItemizedOverlay;
   
8. import com.baidu.mapapi.map.Overlay;
   
9. import com.baidu.mapapi.map.OverlayItem;
   
10. import com.baidu.platform.comapi.basestruct.GeoPoint;
    
11. 
    
12. /**
    
13. * @项目名： BaiduMap
    
14. * @包名： huaxa.it.map
    
15. * @类名： ItemizedOverlayDemo
    
16. * @创建者： 黄夏莲
    
17. * @创建时间： 2016年12月2日 ,上午9:14:17
    
18. *
    
19. * @描述： 多条目覆盖物
    
20. */
    
21. public class ItemizedOverlayDemo extends BaseActivity
    
22. {
    
23.     @Override
    
24.     protected void onCreate(Bundle savedInstanceState)
    
25.     {
    
26.         // TODO Auto-generated method stub
    
27.         super.onCreate(savedInstanceState);
    
28.         controller.setZoom(16);
    
29.         draw();
    
30.     }
    
31. 
    
32.     /**
    
33.      * 绘制文本图形
    
34.      */
    
35.     private void draw()
    
36.     {
    
37.         // 覆盖物操作
    
38.         // ①获取存放覆盖物的集合(MapView)
    
39.         List<Overlay> overlays = mapView.getOverlays();
    
40.         // ②创建自己的overlays信息添加集合中
    
41.         ItemizedOverlay<OverlayItem> overlay = new ItemizedOverlay<OverlayItem>(
    
42.                 getResources().getDrawable(R.drawable.eat_icon), mapView);
    
43.         setData(overlay);
    
44.         overlays.add(overlay);
    
45.         // ③刷新mapView
    
46.         mapView.refresh();
    
47. 
    
48.     }
    
49. 
    
50.     // 设置多条目数据
    
51.     private void setData(ItemizedOverlay<OverlayItem> overlay)
    
52.     {
    
53.         // OverlayItem(GeoPoint point, String title, String snippet)
    
54.         // protected GeoPoint mPoint
    
55.         // 该item的位置
    
56.         // protected String mTitle
    
57.         // 该item的标题文本
    
58.         // protected String mSnippet
    
59.         // 该item的文字片段
    
60.         String mSnippet = "该学校是由……";
    
61.         OverlayItem Item = new OverlayItem(geoPoint, "广东工业大学", mSnippet);
    
62.         overlay.addItem(Item);
    
63. 
    
64.         Item = new OverlayItem(new GeoPoint(latitude, longitude+1000), "向东", "增加经度");
    
65.         overlay.addItem(Item);
    
66. 
    
67.         Item = new OverlayItem(new GeoPoint(latitude, longitude-1000), "向西", "减少经度");
    
68.         overlay.addItem(Item);
    
69. 
    
70.         Item = new OverlayItem(new GeoPoint(latitude+1000, longitude-1000), "向西北", "增加纬度，减少经度");
    
71.         overlay.addItem(Item);
    
72.     }
    
73. }

复制代码

4、实现目的：对上面的多条目进行泡泡显示
实现过程：1、实现布局pop.xml；2、实现popView的初始化操作，设置popView不可见，并把popView添加到mapView里面。3、通过onTap()方法实现点击事件，需要更新mapView（当点击一个Item时，会弹出一个pop窗口），通过mapView.updateViewLayout(popView, params);更新View，而params里面需要设置pop窗口的位置，所以需要先重新定义params；再设置pop窗口可见，进而设置pop窗口的显示内容。注意：如果没有将popView中的TextView在此处实例化，会报空指针异常。
实现效果：

pop.xml

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.         android:id="@+id/user_info"
   
4.         android:layout_width="wrap_content"
   
5.         android:layout_height="wrap_content"
   
6.         android:layout_marginBottom="20dip"
   
7.         android:layout_weight="1"
   
8.         android:background="@drawable/popupmap"
   
9.         android:gravity="center_vertical"
   
10.         android:orientation="horizontal" >
    
11. 
    
12.         <ImageView
    
13.             android:id="@+id/round"
    
14.             android:layout_width="wrap_content"
    
15.             android:layout_height="wrap_content"
    
16.             android:layout_marginBottom="2dip"
    
17.             android:src="@drawable/round" />
    
18. 
    
19.         <TextView
    
20.             android:id="@+id/title"
    
21.             android:layout_width="wrap_content"
    
22.             android:layout_height="wrap_content"
    
23.             android:ellipsize="end"
    
24.             android:text="标题"
    
25.             android:textSize="20sp" />
    
26. 
    
27.         <ImageView
    
28.             android:id="@+id/roads"
    
29.             android:layout_width="wrap_content"
    
30.             android:layout_height="wrap_content"
    
31.             android:src="@drawable/roads" />
    
32. 
    
33. </LinearLayout>

复制代码

修改java文件为：

1. package huaxa.it.map;
   
2. 
   
3. import java.util.List;
   
4. 
   
5. import android.os.Bundle;
   
6. import android.view.View;
   
7. import android.view.ViewGroup.LayoutParams;
   
8. import android.widget.TextView;
   
9. 
   
10. import com.baidu.mapapi.map.ItemizedOverlay;
    
11. import com.baidu.mapapi.map.MapView;
    
12. import com.baidu.mapapi.map.Overlay;
    
13. import com.baidu.mapapi.map.OverlayItem;
    
14. import com.baidu.platform.comapi.basestruct.GeoPoint;
    
15. 
    
16. /**
    
17. * @项目名： BaiduMap
    
18. * @包名： huaxa.it.map
    
19. * @类名： ItemizedOverlayDemo
    
20. * @创建者： 黄夏莲
    
21. * @创建时间： 2016年12月2日 ,上午9:14:17
    
22. *
    
23. * @描述： 多条目覆盖物
    
24. */
    
25. public class ItemizedOverlayDemo extends BaseActivity
    
26. {
    
27.     private TextView    title;
    
28.     private View        popView;
    
29.     private OverlayItem Item;
    
30. 
    
31.     @Override
    
32.     protected void onCreate(Bundle savedInstanceState)
    
33.     {
    
34.         // TODO Auto-generated method stub
    
35.         super.onCreate(savedInstanceState);
    
36.         controller.setZoom(17);
    
37. 
    
38.         initPop();
    
39.         draw();
    
40.     }
    
41. 
    
42.     // 添加泡泡
    
43.     // 点击某个具体的item的时候在其上方显示
    
44. 
    
45.     // 加载pop
    
46.     // 添加到mapview中，不用设置坐标，pop隐藏
    
47.     // 当点击时，显示泡泡，位置更新
    
48. 
    
49.     private void initPop()
    
50.     {
    
51.         // 初始化popView并且设置相应参数
    
52.         popView = View.inflate(getApplicationContext(), R.layout.pop, null);   
    
53.         MapView.LayoutParams params = new MapView.LayoutParams(
    
54.                 MapView.LayoutParams.WRAP_CONTENT,
    
55.                 MapView.LayoutParams.WRAP_CONTENT, null,
    
56.                 MapView.LayoutParams.BOTTOM_CENTER);
    
57.         mapView.addView(popView, params);
    
58.         popView.setVisibility(View.INVISIBLE);// 不可见
    
59. 
    
60.     }
    
61. 
    
62.     /**
    
63.      * 绘制文本图形
    
64.      */
    
65.     private void draw()
    
66.     {
    
67.         // 覆盖物操作
    
68.         // ①获取存放覆盖物的集合(MapView)
    
69.         List<Overlay> overlays = mapView.getOverlays();
    
70.         // ②创建自己的overlays信息添加集合中
    
71.         ItemizedOverlay<OverlayItem> overlay = new ItemizedOverlay<OverlayItem>(
    
72.                 getResources().getDrawable(R.drawable.eat_icon), mapView)
    
73.         {
    
74.             @Override
    
75.             protected boolean onTap(int index)
    
76.             {
    
77.                 OverlayItem item = getItem(index);
    
78. 
    
79.                 // 更新pop
    
80.                 MapView.LayoutParams params = new MapView.LayoutParams(
    
81.                         MapView.LayoutParams.WRAP_CONTENT,
    
82.                         MapView.LayoutParams.WRAP_CONTENT, item.getPoint(),
    
83.                         MapView.LayoutParams.BOTTOM_CENTER);
    
84. 
    
85.                 mapView.updateViewLayout(popView, params);
    
86. 
    
87.                 popView.setVisibility(View.VISIBLE);
    
88.                 //务必在这里实例化TextView空间，否则会报空指针异常。
    
89.                 title = (TextView) findViewById(R.id.title);
    
90.                     title.setText(item.getTitle());
    
91.                 return super.onTap(index);
    
92.             }
    
93.         };
    
94. 
    
95.         setData(overlay);
    
96.         overlays.add(overlay);
    
97.         // ③刷新mapView
    
98.         mapView.refresh();
    
99. 
    
100.     }
     
101. 
     
102.     // 设置多条目数据
     
103.     private void setData(ItemizedOverlay<OverlayItem> overlay)
     
104.     {
     
105.         // OverlayItem(GeoPoint point, String title, String snippet)
     
106.         // protected GeoPoint mPoint
     
107.         // 该item的位置
     
108.         // protected String mTitle
     
109.         // 该item的标题文本
     
110.         // protected String mSnippet
     
111.         // 该item的文字片段
     
112.         String mSnippet = "该学校是由……";
     
113.         Item = new OverlayItem(geoPoint, "广东工业大学", mSnippet);
     
114.         overlay.addItem(Item);
     
115. 
     
116.         Item = new OverlayItem(new GeoPoint(latitude, longitude + 1000), "向东",
     
117.                 "增加经度");
     
118.         overlay.addItem(Item);
     
119. 
     
120.         Item = new OverlayItem(new GeoPoint(latitude, longitude - 1000), "向西",
     
121.                 "减少经度");
     
122.         overlay.addItem(Item);
     
123. 
     
124.         Item = new OverlayItem(new GeoPoint(latitude + 1000, longitude - 1000),
     
125.                 "向西北", "增加纬度，减少经度");
     
126.         overlay.addItem(Item);
     
127.     }
     
128. }

复制代码

耍流氓的小屁孩

学习了，以后可能用的上吧。

tjcdq

好文章，技术贴。就是不太懂。