Android--百度地图之基础地图（三）-白红宇

Android--百度地图之基础地图（三）

阅读量：5960 次

发布时间：2019-06-19

本文共 9497 字，大约阅读时间需要 31 分钟。

开发者可利用SDK提供的接口，使用百度为您提供的基础地图数据。目前百度地图SDK所提供的地图等级为3-21级，所包含的信息有建筑物、道路、河流、学校、公园等内容。

V3.7.0起，地图支持缩放至21级，暂不支持卫星图、热力图、交通路况图层的21级显示，打开以上类型图层，地图会自动缩放到20级。

所有叠加或覆盖到地图的内容，我们统称为地图覆盖物。如标注、矢量图形元素（包括：折线、多边形和圆等）、定位图标等。覆盖物拥有自己的地理坐标，当您拖动或缩放地图时，它们会相应的移动。

百度地图SDK为广大开发者提供的基础地图和上面的各种覆盖物元素，具有一定的层级压盖关系，具体如下（从下至上的顺序）：

1、基础底图（包括底图、底图道路、卫星图等）；

2、瓦片图层（TileOverlay）；

3、地形图图层（GroundOverlay）；

4、热力图图层（HeatMap）；

5、实时路况图图层（BaiduMap.setTrafficEnabled(true);）；

6、百度城市热力图（BaiduMap.setBaiduHeatMapEnabled(true);）；

7、底图标注（指的是底图上面自带的那些POI元素）；

8、几何图形图层（点、折线、弧线、圆、多边形）；

9、标注图层（Marker），文字绘制图层（Text）；

10、指南针图层（当地图发生旋转和视角变化时，默认出现在左上角的指南针）；

11、定位图层（BaiduMap.setMyLocationEnabled(true);）；

12、弹出窗图层（InfoWindow）；

13、自定义View（MapView.addView(View);）；

地图类型

百度地图Android SDK为您提供了3种类型的地图资源（普通矢量地图、卫星图和空白地图），开发者可以利用BaiduMap中的mapType()方法来设置地图类型。核心代码如下：

mMapView = (MapView) findViewById(R.id.bmapView);  mBaiduMap = mMapView.getMap();   //普通地图  mBaiduMap.setMapType(BaiduMap.MAP_TYPE_NORMAL);   //卫星地图  mBaiduMap.setMapType(BaiduMap.MAP_TYPE_SATELLITE);   //空白地图, 基础地图瓦片将不会被渲染。在地图类型中设置为NONE，将不会使用流量下载基础地图瓦片图层。使用场景：与瓦片图层一起使用，节省流量，提升自定义瓦片图下载速度。mBaiduMap.setMapType(BaiduMap.MAP_TYPE_NONE);

实时交通图

当前，全国范围内已支持多个城市实时路况查询，且会陆续开通其他城市。

在地图上打开实时路况的核心代码如下：

mMapView = (MapView) findViewById(R.id.bmapView);  mBaiduMap = mMapView.getMap();  //开启交通图   mBaiduMap.setTrafficEnabled(true);

百度城市热力图

百度地图SDK继为广大开发者开放热力图本地绘制能力之后，再次进一步开放百度自有数据的城市热力图层，帮助开发者构建形式更加多样的移动端应用。

百度城市热力图的性质及使用与实时交通图类似，只需要简单的接口调用，即可在地图上展现样式丰富的百度城市热力图。

在地图上开启百度城市热力图的核心代码如下：

mMapView = (MapView) findViewById(R.id.bmapView);  mBaiduMap = mMapView.getMap();  //开启交通图   mBaiduMap.setBaiduHeatMapEnabled(true);

地图控制和手势

地图控制

地图Logo

默认在左下角显示，不可以移除。

通过mMapView.setLogoPosition(LogoPosition.logoPostionleftBottom);方法，使用枚举类型控制显示的位置，共支持6个显示位置(左下，中下，右下，左上，中上，右上)。

地图Logo不允许遮挡，可通过mBaiduMap.setPadding(paddingLeft, paddingTop, paddingRight, paddingBottom);方法可以设置地图边界区域，来避免UI遮挡。

其中参数paddingLeft、paddingTop、paddingRight、paddingBottom参数表示距离屏幕边框的左、上、右、下边距的距离，单位为屏幕坐标的像素密度。

指南针

指南针默认为开启状态，可以关闭显示。

比例尺

比例尺默认为开启状态，可以关闭显示。同时支持设置MaxZoomLevel和minZoomLevel，可通过mMapView.getMapLevel获取当前地图级别下比例尺所表示的距离大小。

地图手势

地图平移

控制是否启用或禁用平移的功能，默认开启。如果启用，则用户可以平移地图

地图缩放

控制是否启用或禁用缩放手势，默认开启。如果启用，用户可以双指点击或缩放地图视图。

地图俯视（3D）

控制是否启用或禁用俯视（3D）功能，默认开启。如果启用，则用户可使用双指向下或向上滑动到俯视图。

地图旋转

控制是否启用或禁用地图旋转功能，默认开启。如果启用，则用户可使用双指旋转来旋转地图。

禁止所有手势

控制是否一并禁止所有手势，默认关闭。如果启用，所有手势都将被禁用。

标注覆盖物

地图标注

开发者可根据自己实际的业务需求，利用标注覆盖物，在地图指定的位置上添加标注信息。具体实现方法如下：

//定义Maker坐标点  LatLng point = new LatLng(39.963175, 116.400244);  //构建Marker图标  BitmapDescriptor bitmap = BitmapDescriptorFactory      .fromResource(R.drawable.icon_marka);  //构建MarkerOption，用于在地图上添加Marker  OverlayOptions option = new MarkerOptions()      .position(point)      .icon(bitmap);  //在地图上添加Marker，并显示  mBaiduMap.addOverlay(option);

针对已经添加在地图上的标注，可采用如下方式进行手势拖拽：

第一步，设置可拖拽：

OverlayOptions options = new MarkerOptions()    .position(llA)  //设置marker的位置    .icon(bdA)  //设置marker图标    .zIndex(9)  //设置marker所在层级    .draggable(true);  //设置手势拖拽//将marker添加到地图上marker = (Marker) (mBaiduMap.addOverlay(options));

第二步，设置监听方法：

//调用BaiduMap对象的setOnMarkerDragListener方法设置marker拖拽的监听mBaiduMap.setOnMarkerDragListener(new OnMarkerDragListener() {    public void onMarkerDrag(Marker marker) {        //拖拽中    }    public void onMarkerDragEnd(Marker marker) {        //拖拽结束    }    public void onMarkerDragStart(Marker marker) {        //开始拖拽    }});

自v3.3.0版本起，SDK提供了给

Marker增加动画的能力，具体实现方法如下：

// 通过marker的icons设置一组图片，再通过period设置多少帧刷新一次图片资源ArrayList
    
      giflist = new ArrayList
     
      ();giflist.add(bdA);giflist.add(bdB);giflist.add(bdC);OverlayOptions ooD = new MarkerOptions().position(pt).icons(giflist)				.zIndex(0).period(10);	mMarkerD = (Marker) (mBaiduMap.addOverlay(ooD));针对已添加在地图上的标注覆盖物，可利用如下方法进行修改和删除操作：marker.remove();   //调用Marker对象的remove方法实现指定marker的删除自v3.6.0版本起，SDK提供了给加载Marker增加动画的能力，加载maker时包含两种加载动画方式：从地上生长和从天上落下。以生长动画为例，具体实现方法如下：MarkerOptions ooD = new MarkerOptions().position(llD).icons(giflist)                .zIndex(0).period(10); if (animationBox.isChecked()) {     // 生长动画     ooD.animateType(MarkerAnimateType.grow); } Marker  mMarkerD = (Marker) (mBaiduMap.addOverlay(ooD));自v3.6.0版本起，SDK提供了给Marker设置透明度的方法，具体实现方法如下：MarkerOptions ooA = new MarkerOptions().position(llD).icons(giflist)                .zIndex(0).period(10).alpha(0.5);mBaiduMap.addOverlay(ooA);具体源码请在OverlayDemo中查看。

点聚合功能

自v3.6.0版本起，新增点聚合功能，可通过缩小地图层级，将定义范围内的多个标注点，聚合显示成一个标注点，并在MarkerClusterDemo中开放源码，方便开发者自行修改。

// 初始化点聚合管理类ClusterManager mClusterManager = new ClusterManager<>(this, mBaiduMap);// 向点聚合管理类中添加Marker实例LatLng llA = new LatLng(39.963175, 116.400244);List
    
      items = new ArrayList<>();items.add(new MyItem(llA));mClusterManager.addItems(items);

具体源码请在MarkerClusterDemo中查看。

底图标注

自v3.6.0版本起，SDK在BaiduMap提供了控制底图标注的showMapPoi方法，默认显示底图标注。利用此属性可得到仅显示道路信息的地图，方法如下：

// 将底图标注设置为隐藏，方法如下：mBaiduMap.showMapPoi(false)

运行后，底图标注被隐藏，效果如图：

几何图形覆盖物

地图SDK提供多种结合图形覆盖物，利用这些图形，可帮助您构建更加丰富多彩的地图应用。目前提供的几何图形有：点（Dot）、折线（Polyline）、弧线（Arc）、圆（Circle）、多边形（Polygon）。

下面以多边形为例，向大家介绍如何使用几何图形覆盖物：

//定义多边形的五个顶点  LatLng pt1 = new LatLng(39.93923, 116.357428);  LatLng pt2 = new LatLng(39.91923, 116.327428);  LatLng pt3 = new LatLng(39.89923, 116.347428);  LatLng pt4 = new LatLng(39.89923, 116.367428);  LatLng pt5 = new LatLng(39.91923, 116.387428);  List
    
      pts = new ArrayList
     
      ();  pts.add(pt1);  pts.add(pt2);  pts.add(pt3);  pts.add(pt4);  pts.add(pt5);  //构建用户绘制多边形的Option对象  OverlayOptions polygonOption = new PolygonOptions()      .points(pts)      .stroke(new Stroke(5, 0xAA00FF00))      .fillColor(0xAAFFFF00);  //在地图上添加多边形Option，用于显示  mBaiduMap.addOverlay(polygonOption);

运行结果如下：

Android地图SDK自v3.5.0版本起，新增了折线多段颜色绘制能力，实现的核心代码如下：

//构造纹理资源BitmapDescriptor custom1 = BitmapDescriptorFactory				.fromResource(R.drawable.icon_road_red_arrow);BitmapDescriptor custom2 = BitmapDescriptorFactory				.fromResource(R.drawable.icon_road_green_arrow);BitmapDescriptor custom3 = BitmapDescriptorFactory				.fromResource(R.drawable.icon_road_blue_arrow);// 定义点LatLng pt1 = newLatLng(39.93923, 116.357428);LatLng pt2 = newLatLng(39.91923, 116.327428);LatLng pt3 = newLatLng(39.89923, 116.347428);LatLng pt4 = newLatLng(39.89923, 116.367428);LatLng pt5 = newLatLng(39.91923, 116.387428); //构造纹理队列List
    
     customList = newArrayList
     
      ();customList.add(custom1);customList.add(custom2);customList.add(custom3); List
      
        points = newArrayList
       
        ();List
        
          index = newArrayList
         
          ();points.add(pt1);//点元素index.add(0);//设置该点的纹理索引points.add(pt2);//点元素index.add(0);//设置该点的纹理索引points.add(pt3);//点元素index.add(1);//设置该点的纹理索引points.add(pt4);//点元素index.add(2);//设置该点的纹理索引points.add(pt5);//点元素//构造对象OverlayOptionsooPolyline = newPolylineOptions().width(15).color(0xAAFF0000).points(points).customTextureList(customList).textureIndex(index);//添加到地图mBaiduMap.addOverlay(ooPolyline);

效果图如下:

自v3.6.0版本起，扩展了折线多段颜色绘制能力：增加支持分段纹理绘制、分段颜色绘制,实现的核心代码如下：

构造PolylineOptions对象，添加折线分段颜色绘制覆盖物，核心代码如下：

// 构造折线点坐标List
    
      points = new ArrayList
     
      ();points.add(new LatLng(39.965,116.404));points.add(new LatLng(39.925,116.454));points.add(new LatLng(39.955,116.494));points.add(new LatLng(39.905,116.554));points.add(new LatLng(39.965,116.604)); //构建分段颜色索引数组List
      
        colors = new ArrayList<>();colors.add(Integer.valueOf(Color.BLUE));colors.add(Integer.valueOf(Color.RED));colors.add(Integer.valueOf(Color.YELLOW));colors.add(Integer.valueOf(Color.GREEN)); OverlayOptions ooPolyline = new PolylineOptions().width(10)        .colorsValues(colors).points(points);添加在地图中Polyline  mPolyline = (Polyline) mBaiduMap.addOverlay(ooPolyline);

检索结果覆盖物

针对检索功能模块（POI检索、线路规划等），地图SDK还对外提供相应的覆盖物来快速展示结果信息。这些方法都是开源的，开发者可根据自己的实际去求来做个性化的定制。

利用检索结果覆盖物展示POI搜索结果的方式如下：

第一步，构造自定义 PoiOverlay 类；

private class MyPoiOverlay extends PoiOverlay {      public MyPoiOverlay(BaiduMap baiduMap) {          super(baiduMap);      }      @Override      public boolean onPoiClick(int index) {          super.onPoiClick(index);          return true;      }  }

第二步，在POI检索回调接口中添加自定义的PoiOverlay；

public void onGetPoiResult(PoiResult result) {      if (result == null || result.error == SearchResult.ERRORNO.RESULT_NOT_FOUND) {          return;      }      if (result.error == SearchResult.ERRORNO.NO_ERROR) {          mBaiduMap.clear();          //创建PoiOverlay          PoiOverlay overlay = new MyPoiOverlay(mBaiduMap);          //设置overlay可以处理标注点击事件          mBaiduMap.setOnMarkerClickListener(overlay);          //设置PoiOverlay数据          overlay.setData(result);          //添加PoiOverlay到地图中          overlay.addToMap();          overlay.zoomToSpan();          return;      }  }

运行结果如下：

利用TransitRouteOverlay展示公交换乘结果：

//在公交线路规划回调方法中添加TransitRouteOverlay用于展示换乘信息  public void onGetTransitRouteResult(TransitRouteResult result) {      if (result == null || result.error != SearchResult.ERRORNO.NO_ERROR) {          //未找到结果          return;      }      if (result.error == SearchResult.ERRORNO.AMBIGUOUS_ROURE_ADDR) {          //起终点或途经点地址有岐义，通过以下接口获取建议查询信息          //result.getSuggestAddrInfo()          return;      }      if (result.error == SearchResult.ERRORNO.NO_ERROR) {          route = result.getRouteLines().get(0);          //创建公交路线规划线路覆盖物           TransitRouteOverlay overlay = new MyTransitRouteOverlay(mBaidumap);          //设置公交路线规划数据             overlay.setData(route);          //将公交路线规划覆盖物添加到地图中          overlay.addToMap();          overlay.zoomToSpan();     }  }

运行结果如下：