首先声明一下，这是我第一次写博客，有很多东西不清楚 ，还请见谅。

              昨天周末的时候，帮同事做一个安卓app里面的百度地图的东西。其实就是类似百度导航的东西，有一个箭头，可以转动。他的需求时，通过服务器传的参数来动态改变。我之前也没做过app，更没做过app百度地图。在网上找了很多都没有搞定，最后自己看来一个api，才搞定的。下面把demo附上去，希望能对一些人有所帮助，同时自己也能有所积累。

需要的包我就不做解释了，大家应该比我更加清楚！

Activity代码：

import android.app.Activity;
import android.os.Bundle;


import com.baidu.mapapi.SDKInitializer;
import com.baidu.mapapi.map.BaiduMap;
import com.baidu.mapapi.map.BitmapDescriptor;
import com.baidu.mapapi.map.BitmapDescriptorFactory;
import com.baidu.mapapi.map.MapStatus;
import com.baidu.mapapi.map.MapStatusUpdate;
import com.baidu.mapapi.map.MapStatusUpdateFactory;
import com.baidu.mapapi.map.MapView;
import com.baidu.mapapi.map.MarkerOptions;
import com.baidu.mapapi.map.MyLocationData;
import com.baidu.mapapi.map.OverlayOptions;
import com.baidu.mapapi.model.LatLng;


public class BaiDuMap  extends Activity{
private MapView mMapView = null;  
private BaiduMap mBaiduMap = null;
MyLocationData.Builder builder = new MyLocationData.Builder();
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);   
        //在使用SDK各组件之前初始化context信息，传入ApplicationContext  
        //注意该方法要再setContentView方法之前实现  
        SDKInitializer.initialize(getApplicationContext());  
        setContentView(R.layout.bmap);  
        //获取地图控件引用  
        mMapView = (MapView) findViewById(R.id.bmapView);  
        mBaiduMap = mMapView.getMap();
    // 构造定位数据
        //深圳中心点
        LatLng point = new LatLng(22.549525, 114.063918);
        BitmapDescriptor icon = BitmapDescriptorFactory.fromResource(R.drawable.navigation);  
        //这里是按逆时针旋转的   这里是270度
        OverlayOptions options = new MarkerOptions().icon(icon).position(point).rotate(270);  
        
        mBaiduMap.addOverlay(options);  
        MapStatus mMapStatus = new MapStatus.Builder()  
        .target(point)  
        .zoom(18)  
        .build();  
        //定义MapStatusUpdate对象，以便描述地图状态将要发生的变化  
        MapStatusUpdate mMapStatusUpdate = MapStatusUpdateFactory.newMapStatus(mMapStatus);  
        //改变地图状态  
        mBaiduMap.setMapStatus(mMapStatusUpdate);


    }  
    @Override  
    protected void onDestroy() {  
        super.onDestroy();  
        //在activity执行onDestroy时执行mMapView.onDestroy()，实现地图生命周期管理  
        mMapView.onDestroy();  
    }  
    @Override  
    protected void onResume() {  
        super.onResume();  
        //在activity执行onResume时执行mMapView. onResume ()，实现地图生命周期管理  
        mMapView.onResume();  
        }  
    @Override  
    protected void onPause() {  
        super.onPause();  
        //在activity执行onPause时执行mMapView. onPause ()，实现地图生命周期管理  
        mMapView.onPause();  
        }  
}

中山大学数据科学与计算机学院本科生实验报告

（2018年秋季学期）

项目源码：Github传送门

第十七周任务

一、实验题目

地图

第十七周实验目的

1. 接入百度地图API
2. 掌握少量的百度地图API接口

二、实现内容

基于之前的应用，初始界面仍为摇一摇

跳转后的界面为百度地图	地图定位在目前的经纬度，需要可以动态改变
界面中心为箭头，指向是目前的朝向，可以利用上周代码得到的朝向，也需要动态改变	左下角是一个按钮，当移动地图时需要变为空心，可以点击，点击后变为实心同时回到定位到目前位置
当拖动地图时，左下角会变为空心	点击左下角按钮，回到目前位置

• 该项目属于选作项目
• 需要理解一定的百度地图API
• 基础内容是显示地图，定位到目前位置，显示目前朝向共计三项，其中后两项可以利用之前的代码
• 加分项即为左下角的按钮以及相应的事件监听处理。对流程还不清晰的可以查看demo
• 需要的图片资源在manual里

三、课堂实验结果

(1)实验截图

1.地图初始页面

2.改变经纬度

3.移动地图，左下方图标变化

4.点击左下方图标，显示回原位置

5.摇动手机，marker改变方向

(2)实验步骤以及关键代码

a.引入百度地图的资源包

网上教程一大把，这里也不再叙述。

主要步骤为

• 下载开发包
• 复制so文件至src/main/jniLibs目录
• 复制jar包至libs目录
• 增加sourceSets
• 增加依赖
• 添加密钥
• 添加权限
• 使用地图

b.添加地图到xml布局

这里的页面仅需要显示一个地图的组件加上自己的一张图片即可，后面通过点击这张图片来与地图进行交互。

	<com.baidu.mapapi.map.MapView
        android:id="@+id/bmapView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:clickable="true" />

    <ImageButton
        android:id="@+id/imaage_button"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:scaleType="fitXY"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:src="@drawable/centerdirection"
        />

C.根据经纬度显示地图，并设置marker

这里的经纬度利用的是上周的LocationManager所获得的地址，但是由于百度地图的api的地址计算并不与location的直接一致，故需要进行转换，这一点在百度的api手册也有说明。以下是设置我的当前位置信息，需要设置角度，经度，纬度。

//获取地图控件引用
BaiduMap mBaiduMap = mMapView.getMap();

mBaiduMap.setOnMapStatusChangeListener(onMapStatusChangeListener);
//普通地图
mBaiduMap.setMapType(BaiduMap.MAP_TYPE_NORMAL);
mBaiduMap.setMyLocationEnabled(true);
// 转换坐标
CoordinateConverter converter = new CoordinateConverter();
converter.from(CoordinateConverter.CoordType.GPS);
converter.coord(new LatLng(loc.getLatitude(), loc.getLongitude()));
LatLng desLatLng = converter.convert();
// LatLng就是当前的坐标
degree = 90.0f;
mMapView.getMap().setMyLocationEnabled(true);
MyLocationData data = new MyLocationData.Builder()
    .latitude(desLatLng.latitude)
    .longitude(desLatLng.longitude)
    .direction(degree).build();
mMapView.getMap().setMyLocationData(data);

然后，设置marker的图片与位置

Bitmap bitmap = Bitmap.createScaledBitmap(BitmapFactory.decodeResource(getResources(), R.drawable.pointer), 100, 100, true);
BitmapDescriptor bitmapD = BitmapDescriptorFactory.fromBitmap(bitmap);
MyLocationConfiguration config = new MyLocationConfiguration(MyLocationConfiguration.LocationMode.NORMAL, true, bitmapD);
mMapView.getMap().setMyLocationConfiguration(config);

设置地图居中显示

// 设置地图居中
MapStatus mapStatus = new MapStatus.Builder().target(desLatLng).build();
MapStatusUpdate mapStatusUpdate = 	 
    MapStatusUpdateFactory.newMapStatus(mapStatus);
mMapView.getMap().setMapStatus(mapStatusUpdate);

这一点很关键，没有设置居中显示，则地图默认显示中心在首都，这一点会导致我的marker看不到，误以为程序出问题，且不符合要求。

d.判断手机转向时，改变marker的转向

这一点与上一周的指针旋转类似，传感器不变，但是需要做的是改变marker的角度，即重新设置direction。

MyLocationData data = new MyLocationData.Builder()
                .latitude(desLatLng.latitude)
                .longitude(desLatLng.longitude)
                .direction(degree).build();

里面的degree就是我通过之前传感器获取的转向角度。

e.判断位置改变时，改变地图和marker所处位置

与改变角度一样，只不过这次改变的是经纬度。同样经纬度也是通过上周传感器的改变监听函数中获取即可。

MyLocationData data = new MyLocationData.Builder()
                .latitude(desLatLng.latitude)
                .longitude(desLatLng.longitude)
                .direction(degree).build();

f.判断地图的改变状态，以此改变左下角的图片

这里利用的是百度地图的地图状态改变监听器。

我设置当状态改变完毕后，若当前状态与经纬度的状态不一致，则证明偏离了中心，所以改变图片的样式。同样，当点击图片，仅需返回到原来的状态即可，并将图片设置回实心。

// 设置imageButton的点击函数
imageButton.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        // 转换坐标
        CoordinateConverter converter = new CoordinateConverter();
        converter.from(CoordinateConverter.CoordType.GPS);
        converter.coord(new LatLng(loc.getLatitude(), loc.getLongitude()));
        LatLng desLatLng = converter.convert();
        // 设置地图居中
        MapStatus mapStatus = new MapStatus.Builder().target(desLatLng).build();
        MapStatusUpdate mapStatusUpdate = MapStatusUpdateFactory.newMapStatus(mapStatus);
        mMapView.getMap().setMapStatus(mapStatusUpdate);

        // 更改图片
        imageButton.setImageResource(R.drawable.centerdirection);
    }
});

以下是百度地图的状态监听器：

// 地图改变的监听函数
onMapStatusChangeListener = new BaiduMap.OnMapStatusChangeListener() {
    /**
             * 手势操作地图，设置地图状态等操作导致地图状态开始改变。
             * @param status 地图状态改变开始时的地图状态
             */
    public void onMapStatusChangeStart(MapStatus status){
    }

    /** 因某种操作导致地图状态开始改变。
             * @param status 地图状态改变开始时的地图状态
             * @param reason表示地图状态改变的原因，取值有：
             * 1：用户手势触发导致的地图状态改变,比如双击、拖拽、滑动底图
             * 2：SDK导致的地图状态改变, 比如点击缩放控件、指南针图标
             * 3：开发者调用,导致的地图状态改变
             */
    public void onMapStatusChangeStart(MapStatus status, int reason){
    }

    /**
         * 地图状态变化中
         * @param status 当前地图状态
         */
    public void onMapStatusChange(MapStatus status){
    }

    /**
         * 地图状态改变结束
         * @param status 地图状态改变结束后的地图状态
         */
    public void onMapStatusChangeFinish(MapStatus status){
        // 转换坐标
        CoordinateConverter converter = new CoordinateConverter();
        converter.from(CoordinateConverter.CoordType.GPS);
        converter.coord(new LatLng(loc.getLatitude(), loc.getLongitude()));
        LatLng desLatLng = converter.convert();
        // 判断两个状态是否一致
        MapStatus mapStatus = new MapStatus.Builder().target(desLatLng).build();
        Log.i("change","map has changed");
        if(!status.equals(mapStatus)){
            imageButton.setImageResource(R.drawable.definelocation);
        }
    }
};

在初始化地图的时候记得设置监听器即可。

mBaiduMap.setOnMapStatusChangeListener(onMapStatusChangeListener);

(3)实验遇到的困难以及解决思路

a.地图加载出来后，仅显示在首都，并未根据经纬度改变

这一点是由于我只设置了MyLocationData，并没有设置地图的Status导致的。地图的位置信息已经在经纬度了，但是并没有居中显示。

// 设置地图居中
MapStatus mapStatus = new MapStatus.Builder().target(desLatLng).build();
MapStatusUpdate mapStatusUpdate = 
    MapStatusUpdateFactory.newMapStatus(mapStatus);
mMapView.getMap().setMapStatus(mapStatusUpdate);

四、实验思考及感想

这次的实验也是在之前传感器的基础上添加百度地图功能，传感器部分的功能可以继续使用，只是需要学习一些百度地图的SDK。个人感觉地图与传感器这两个功能在日常的android开发都是离不开的，而想用好别人的地图SDK就要先看懂官方的文档，这一点很重要。我在做实验过程一遇到缺少的功能或者函数，一般官方文档上也会有教程或者方法提供。

最后一次安卓作业也做完了，虽然要求是选做，但是趁着自己有时间空余还是完成一下吧。安卓的学习并没有因此而终止，反而是另一种学习的开始，到此我已经基本掌握android的开发知识，要趁着寒假时间也加强一下自己的水平，期待在安卓开发能有更远的发展。Fighting!